/* ==== _common (跨页公共样式, 提取自各页) ==== */
.bg-image {position: absolute;inset: 0;width: 100%;height: 100%;z-index: 1;background-color: #000;background-size: cover;background-position: center;background-repeat: no-repeat}
.kf-box {width: 100%;height: 100%;position: relative}
.hover-link {position: relative;display: inline-block;text-decoration: none;color: #1e2734;cursor: pointer}
.index .hover-link::after, .view-product .hover-link::after {content: '';position: absolute;left: 0;bottom: -1px;width: 0;height: 1px;background-color: #1e2734;transition: width 0.4s ease}
.index .hover-link:hover::after, .lists-single-community .hover-link:hover::after, .view-article-community .hover-link:hover::after, .view-product .hover-link:hover::after {width: 100%}
.lists-single-community .hover-link::after, .view-article-community .hover-link::after {content: '';position: absolute;left: 0;bottom: -2px;width: 0;height: 2px;background-color: #1e2734;transition: width 0.4s ease}
/* ==== _common (跨页公共样式, 提取自各页) ==== */
.swiper-pagination-bullet-active {background-color: #fff}
.community-item {display: flex;flex-direction: column;transition: transform 0.3s ease;text-decoration: none;cursor: pointer}
.community-content {flex: 1}
/* ==== community-left.htm ==== */
.wrap .left {padding: 80px 10px;background-color: #fff;top: 0;bottom: 0;z-index: 999;border-right: 1px solid #c8c8c8}
.wrap .left .item {margin-bottom: 50px;text-align: center;cursor: pointer}
.wrap .left img {width: auto;height: 32px}
#community-left {position: relative}
.notifications {position: absolute;top: 0;padding-top: 37px;padding: 52px 20px 20px;width: 292px;background: #fff;bottom: 0;left: 55px;border-right: 1px solid #c8c8c8;display: none}
.notifications .notif-title {text-align: left;font-size: 18px;font-weight: bold;color: #181818}
.notifications .notif-tabs {display: flex;gap: 8px;margin-top: 20px}
.notifications .notif-tabs .notif-tab-item {padding: 6px 10px;border-radius: 20px;background: #f1f1f2;color: #1e2734;font-size: 12px;cursor: pointer}
.notifications .notif-tabs .notif-tab-item.on {background: url(/template/custom/pc/skin/images/btnbg.png);background-repeat: no-repeat;background-position: center;background-size: cover;color: #fff}
.notifications .notif-body {margin-top: 20px}
.notifications .notif-body .notif-content {}
.notifications .notif-body .notif-content.on {}
.notifications .notif-con-title {font-size: 12px;font-weight: bold;color: #1e2734}
.notif-list {margin-top: 15px}
.notif-list .notif-list-item {display: flex;align-items: center;margin-bottom: 25px}
.notif-list .notif-list-item .notif-l-item-left {flex-shrink: 0}
.notif-list .notif-list-item .notif-l-item-left img {width: 32px;height: 32px}
.notif-list .notif-list-item .notif-l-item-mid {flex: 1;padding: 0 8px}
.notif-list .notif-list-item .notif-l-item-mid .notif-l-item-mid-title {font-size: 15px;color: #1e2734;font-family: 'InterDisplayMedium'}
.notif-list .notif-list-item .notif-l-item-mid .notif-l-item-mid-desc {font-size: 12px;color: #848484}
.notif-list .notif-list-item .notif-l-item-right {flex-shrink: 0}
.notif-list .notif-list-item .notif-l-item-right img {width: 32px;height: 32px}
.empty-box {margin-top: 110px;text-align: center;display: none}
.empty-box img {}
.empty-box .empty-title {color: #1e2734;font-weight: bold;font-size: 12px;margin: 20px 0 14px}
.empty-box .empty-desc {color: #1e2734;font-family: 'InterDisplayLight';font-size: 12px}
/* ==== create-box.htm ==== */
.create-box {margin-top: -40px}
.create-box .create-head {padding: 10px 20px;font-size: 18px;font-weight: bold;color: #181818;display: flex;justify-content: space-between;border-bottom: 1px solid #c8c8c8}
.create-box .create-btn {font-size: 18px;background-color: #e70024;color: #fff;padding: 6px 10px;display: inline-block;border-radius: 8px;margin-right: 315px;cursor: pointer}
.create-box .create-body {width: 750px;margin: 0 auto;margin-top: 45px;display: flex;justify-content: space-between}
.create-box .create-body .create-body-left {width: 285px;height: 350px;background-color: #efefef;border-radius: 25px;position: relative}
.create-box .create-body .create-body-right {width: 430px}
.create-box .create-body .create-body-right .c-form-item {border-radius: 11px;background-color: #efefef;display: flex;flex-direction: column;padding: 10px;margin-bottom: 20px}
.create-box .create-body .create-body-right .c-form-item label {margin-bottom: 10px;font-size: 12px;font-family: "InterDisplayMedium";color: #8e8e8e}
.create-box .create-body .create-body-right .c-form-item input {border: 0;outline: 0;background-color: transparent;font-family: "InterDisplay";font-size: 12px}
.create-box .create-body .create-body-right .c-form-item input::placeholder, .create-box .create-body .create-body-right .c-form-item textarea::placeholder {color: #8e8e8e;font-family: "InterDisplay"}
.create-box .create-body .create-body-right .c-form-item textarea {height: 70px;resize: none;border: 0;outline: 0;background-color: transparent;font-family: "InterDisplay";font-size: 12px}
.dropzone {border: 2px dashed #0087F7;border-radius: 5px;min-height: 150px;padding: 20px}
.dropzone .dz-message {text-align: center;margin: 2em 0;font-size: 18px;color: #666}
#myDropzone {width: 100%;height: 100%;border: 0;background-color: #efefef;border-radius: 25px;display: flex;justify-content: center;align-items: center;flex-direction: column}
#myDropzone .dz-message {font-size: 12px;color: #bfbfbf;font-family: 'InterDisplay'}
#myDropzone.dropzone .dz-preview.dz-image-preview {background-color: transparent}
.create-box .post-modal-upload {text-align: center}
.create-box .post-modal-upload * {cursor: pointer}
.create-box .post-modal-upload i {font-size: 45px}
.create-box .post-modal-upload .post-icon {}
.create-box .post-modal-upload .post-text {font-size: 17px;font-family: "InterDisplayMedium";padding: 12px 0 18px}
.create-box .post-modal-upload .post-text2 {font-size: 12px;font-weight: bold;padding: 10px 15px;background-color: #1e2734;color: #fff;border-radius: 8px}
.create-box .upload-compelete {position: absolute;left: 0;bottom: 0;right: 0;top: 0;background-position: center;background-size: cover;background-repeat: no-repeat;border-radius: 25px;display: none;z-index: 99}
.create-box .upload-close {position: absolute;top: 10px;right: 10px;width: 24px;height: 24px;background: #1e2734;display: flex;align-items: center;justify-content: center;border-radius: 50%;cursor: pointer;color: #fff}
.share-modal {width: 600px;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 9999;background: #fff;border-radius: 12px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);display: none}
.share-modal .share-head {text-align: right}
.share-modal .share-head .share-close {position: absolute;top: 10px;right: 10px;width: 24px;height: 24px;background: #f2eff2;display: flex;align-items: center;justify-content: center;border-radius: 50%;cursor: pointer}
.share-modal .share-body {text-align: center;padding: 25px 0}
.share-modal .share-web-title {font-size: 24px;font-family: "InterDisplay";font-weight: bold}
.share-modal .share-web-link {font-size: 12px;font-family: "InterDisplayMedium";text-decoration: underline;color: #999;padding: 15px 0 35px}
.share-modal .share-web-desc {font-size: 18px;font-family: "InterDisplayMedium";color: #5f5d61;padding: 15px 0 35px}
.share-modal .share-btn span {display: inline-block;background-image: url('/template/custom/pc/skin/images/btnbg.png');background-repeat: no-repeat;background-position: center;background-size: 100%;color: #fff;width: 120px;height: 35px;line-height: 35px;text-align: center;cursor: pointer;bottom: 25%;left: 18%;transition: all 0.3s}
/* ==== header.htm ==== */
body {font-family: 'InterDisplay'}
#crossed_price{
    text-decoration: none;
}
/* === 顶部导航栏 === */
.navbar-box {position: fixed;top: 0;left: 0;right: 0;z-index: 1000}
.navbar-box:before {content: "";background: rgba(0, 0, 0, 0.27);backdrop-filter: blur(22px) saturate(1.6);position: fixed;height: 37px;z-index: -1;top: 0;left: 0;right: 0;width: 100%;box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.22)}
.navbar {display: flex;justify-content: space-between;align-items: center}
.navbar .logo {font-weight: bold;font-size: 18px;letter-spacing: 1px;padding: 0px 60px}
.navbar .nav-right {display: flex;gap: 40px;align-items: center;padding: 0 60px 0 0}
.navbar .nav-right .icon {font-size: 16px;cursor: pointer}
.navbar .nav-right .icon a {text-decoration: none;color: #fff;font-size: 14px}
.navbar .nav-right .icon img {display: flex;align-items: center}
/* === 语言选择器（下拉） === */
.language-selector {position: relative;cursor: pointer;display: flex;align-items: center;padding: 10px 0px;gap: 5px;font-size: 12px;user-select: none}
.language-selector .lang-sild {content: "";display: inline-block;width: 4px;height: 13px;position: absolute;left: 7px;top: 11px;transition: all 0.5s;z-index: 999;background: url("/template/custom/pc/skin/images/icons/lang-bar.png") no-repeat;opacity: 0}
.language-selector:hover .lang-sild {opacity: 1}
.language-selector img {margin-right: 5px;height: 11px;vertical-align: middle}
.language-selector>a {padding: 0 10px 0 20px;line-height: 17px}
.language-selector a {text-decoration: none;color: #fff}
.language-selector ul {position: absolute;width: 100px;top: 36px;background: rgba(0, 0, 0, 0.27);backdrop-filter: blur(22px) saturate(1.6);border-radius: 0 0 10px 10px;padding: 0px 10px 10px 20px;display: none;box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, 0.22), inset 1px 0 0 0 rgba(255, 255, 255, 0.22), inset 0 -1px 0 0 rgba(255, 255, 255, 0.22)}
.language-selector:hover ul {display: block}
.language-selector ul li {display: block;line-height: 1;margin: 10px 0;padding-bottom: 10px}
.language-selector ul li:last-child {padding-bottom: 0}
.language-selector ul li a {}
.language-selector .arrow {font-size: 10px;transition: transform 0.3s}
.language-selector .arrow.open {transform: rotate(180deg)}
.language-dropdown {position: absolute;top: 30px;right: 0;background: rgba(30, 30, 30, 0.95);backdrop-filter: blur(10px);border-radius: 8px;padding: 8px 0;min-width: 120px;opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all 0.3s ease;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6);z-index: 999}
.language-dropdown.show {opacity: 1;visibility: visible;transform: translateY(0)}
.language-dropdown .lang-item {padding: 10px 20px;font-size: 13px;color: #ddd;transition: background 0.2s;text-align: center}
.language-dropdown .lang-item:hover {background: rgba(255, 255, 255, 0.1);color: white}
.language-dropdown .lang-item a {color: #fff;text-decoration: none}
.language-dropdown .lang-item.active a {color: #fff;font-weight: bold;text-decoration: none}
/* === 搜索下拉表单 === */
.search-container {}
.nav-right i {color: #fff}
.search-dropdown {top: 37px;right: 0;left: 0;width: 100%;display: none;transition: all 0.3s ease;z-index: 999;padding: 60px 20%}
.search-dropdown.show {opacity: 1;display: block;background: rgba(0, 0, 0, 0.27);backdrop-filter: blur(22px) saturate(1.6);transform: translateY(0)}
.mask {display: none;position: fixed;top: 0;bottom: 0;right: 0;left: 0;background: rgba(0, 0, 0, .2);z-index: 9;top: 199px}
.mask.show {display: block}
.search-input-wrapper {display: flex;align-items: center}
.search-input-wrapper:focus-within {border-color: rgba(255, 255, 255, 0.5)}
.search-input-wrapper i {color: rgba(255, 255, 255, 0.6);font-size: 14px;margin-right: 10px}
.search-input-wrapper input {background: transparent;border: none;outline: none;color: #fff;font-size: 26px;width: 100%;font-family: 'InterDisplayMedium';border-bottom: 1px solid;padding: 5px 0;margin-right: 40px}
.search-input-wrapper input::placeholder {color: #fff}
.search-input-wrapper .search-clear {color: #1e2734;cursor: pointer;font-size: 14px;width: 32px;height: 32px;background-color: #fff;display: flex;align-items: center;justify-content: center;line-height: 1;font-weight: bold;border-radius: 50px}
/* iOS 26 Liquid Glass Side Menu */
.side-menu {--glass-blur: 10px;--glass-saturation: 1;--glass-bg: rgba(0, 0, 0, 0.05);position: fixed;top: 50%;transform: translateY(-50%);right: -487px;top: 363px;width: 487px;height: 727px;background: var(--glass-bg);-webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturation));backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturation));-webkit-mask: url(#sideMenuShape);mask: url(#sideMenuShape);-webkit-mask-size: 100% 100%;mask-size: 100% 100%;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;z-index: 99;padding: 0 40px 0 180px;display: flex;flex-direction: column;justify-content: center;transition: right 0.5s ease;box-sizing: border-box;overflow: hidden}
/* diagonal light/dark overlay */
.side-menu::before {content: "";position: absolute;inset: 0;pointer-events: none;-webkit-mask: url(#sideMenuShape);mask: url(#sideMenuShape);-webkit-mask-size: 100% 100%;mask-size: 100% 100%;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;mix-blend-mode: overlay}
/* top "crescent" highlight */
.side-menu::after {display: none;content: "";position: absolute;top: 6%;left: 8%;right: 35%;height: 40%;pointer-events: none;-webkit-mask: url(#sideMenuShape);mask: url(#sideMenuShape);-webkit-mask-size: 100% 100%;mask-size: 100% 100%;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;background: radial-gradient(ellipse at 30% 20%, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.0) 60%);filter: blur(8px)}
/* edge stroke */
.side-menu .edge-glow {position: absolute;inset: 0;pointer-events: none;-webkit-mask: url(#sideMenuEdge);mask: url(#sideMenuEdge);-webkit-mask-size: 100% 100%;mask-size: 100% 100%;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;background: linear-gradient(45deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.0) 40%, rgba(255, 255, 255, 0.0) 60%, rgba(255, 255, 255, 0.5) 100%);mix-blend-mode: screen}
.side-menu.active {right: -6px;top: 363px;z-index: 9999999}
.side-menu a {text-decoration: none;font-size: 1.6rem;margin: 12px 0;opacity: 0;transform: translateX(20px);transition: all 0.2s ease;color: rgba(255, 255, 255, 0.82);
    
    /* text-shadow: 0 2px 2px rgba(0, 0, 0, 0.32), 0 1px 1px rgba(255, 255, 255, 0.55);-webkit-text-fill-color: rgba(255, 255, 255, 0.82);filter: blur(0.3px) */

}
.side-menu.active a {opacity: 1;transform: translateX(0)}
.side-menu.active a:nth-child(1) {transition-delay: 0.1s}
.side-menu.active a:nth-child(2) {transition-delay: 0.2s}
.side-menu.active a:nth-child(3) {transition-delay: 0.3s}
.side-menu.active a:nth-child(4) {transition-delay: 0.4s}
.side-menu.active a:nth-child(5) {transition-delay: 0.5s}
.side-menu.active a:nth-child(6) {transition-delay: 0.6s}
.side-menu.active a:nth-child(7) {transition-delay: 0.7s}
.close-btn {position: absolute;font-size: 2rem;cursor: pointer;opacity: 0;transition: opacity 0.3s ease;top: 50%;left: 80px;transform: translate(-50%, -50%);display: inline-block;font-weight: 600;color: rgba(255, 255, 255, 0.82);
    /* text-shadow: 0 2px 2px rgba(0, 0, 0, 0.32), 0 1px 1px rgba(255, 255, 255, 0.55);-webkit-text-fill-color: rgba(255, 255, 255, 0.82);filter: blur(0.3px) */
}
.close-btn:hover {left: 78px}
.side-menu.active .close-btn {opacity: 1}
/* 侧边菜单弹出时的全屏半透明黑色遮罩（位于菜单之下） */
.side-menu-mask {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.2);z-index: 9999990;opacity: 0;visibility: hidden;transition: opacity 0.5s ease, visibility 0.5s ease;pointer-events: none}
.side-menu.active ~ .side-menu-mask {opacity: 1;visibility: visible;pointer-events: auto}
/* 动画效果 */
.menu-toggle.active span {transform: rotate(45deg)}
.menu-toggle.active span::before {transform: rotate(90deg) translate(-8px, 0);opacity: 0}
.menu-toggle.active span::after {transform: rotate(90deg) translate(8px, 0);opacity: 0}
/* === 响应式设计 === */
.login-box {position: fixed;z-index: 9999;left: 0;right: 0;bottom: 0;top: 0;display: flex;align-items: center;background-color: rgba(0, 0, 0, 0.27)}
.login-box .login-close {position: absolute;top: 25px;right: 25px;width: 30px;height: 30px;background: #f2eff2;display: flex;align-items: center;justify-content: center;border-radius: 50%;cursor: pointer}
.login-container {max-width: 1280px;margin: 0 auto;width: 100%;background: white;padding: 40px;border-radius: 12px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);padding-bottom: 100px;position: relative}
.login-container form {width: 600px;max-width: 100%;margin: 0 auto}
.login-container h1 {text-align: center;margin-bottom: 40px;color: #1e2734;font-size: 70px;font-weight: 600}
.login-container .form-group {margin-bottom: 20px}
.login-container label {display: block;margin-bottom: 8px;font-weight: 600;color: #1e2734;font-size: 20px}
.login-container input[type="text"], .login-container input[type="email"], .login-container input[type="password"] {width: 100%;padding: 12px 16px;border: 2px solid #e1e5e9;border-radius: 8px;font-size: 18px;transition: border-color 0.2s ease;background-color: #fff}
.login-container input[type="text"]:focus, .login-container input[type="email"]:focus, .login-container input[type="password"]:focus {outline: none;border-color: #667eea;box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1)}
.login-container input::placeholder {color: #aaa;font-size: 0.95rem}
.login-container .password-container {position: relative}
.login-container .code-container {position: relative}
.login-container .code-toggle {top: 50%;position: absolute;right: 2px;border-radius: 6px;padding: 13.8px 20px;transform: translateY(-50%)}
.login-container .password-toggle {position: absolute;right: 12px;top: 50%;transform: translateY(-50%);background: none;border: none;cursor: pointer;color: #666;font-size: 1.1rem;padding: 4px}
.login-container .checkbox-group {display: flex;align-items: center;margin-bottom: 25px;gap: 10px}
.login-container .checkbox-group input[type="checkbox"] {width: 18px;height: 18px;accent-color: #1e2734}
.login-container .checkbox-group label {margin-bottom: 0;font-size: 19px;color: #555;cursor: pointer;font-weight: 600}
.login-container .button-group {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;margin-bottom: 20px}
.login-container button {padding: 14px 20px;border: none;border-radius: 50px;font-size: 1rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;text-align: center}
.login-container .btn-primary {background-color: #1a202c;color: white;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)}
.login-container .btn-primary:hover {background-color: #2d3748;transform: translateY(-1px);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15)}
.login-container .btn-google {background-color: #1a202c;color: white;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);display: flex;align-items: center;justify-content: center;gap: 8px}
.login-container .btn-google:hover {background-color: #2d3748;transform: translateY(-1px);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15)}
.login-container .google-icon {width: 30px;height: 30px;background: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgc3R5bGU9ImZsZXg6bm9uZTtsaW5lLWhlaWdodDoxIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxZW0iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPkdvb2dsZTwvdGl0bGU+PHBhdGggZD0iTTIzIDEyLjI0NWMwLS45MDUtLjA3NS0xLjU2NS0uMjM2LTIuMjVoLTEwLjU0djQuMDgzaDYuMTg2Yy0uMTI0IDEuMDE0LS43OTcgMi41NDItMi4yOTQgMy41NjlsLS4wMjEuMTM2IDMuMzMyIDIuNTMuMjMuMDIyQzIxLjc3OSAxOC40MTcgMjMgMTUuNTkzIDIzIDEyLjI0NXoiIGZpbGw9IiM0Mjg1RjQiPjwvcGF0aD48cGF0aCBkPSJNMTIuMjI1IDIzYzMuMDMgMCA1LjU3NC0uOTc4IDcuNDMzLTIuNjY1bC0zLjU0Mi0yLjY4OGMtLjk0OC42NDgtMi4yMiAxLjEtMy44OTEgMS4xYTYuNzQ1IDYuNzQ1IDAgMDEtNi4zODYtNC41NzJsLS4xMzIuMDExLTMuNDY1IDIuNjI4LS4wNDUuMTI0QzQuMDQzIDIwLjUzMSA3LjgzNSAyMyAxMi4yMjUgMjN6IiBmaWxsPSIjMzRBODUzIj48L3BhdGg+PHBhdGggZD0iTTUuODQgMTQuMTc1QTYuNjUgNi42NSAwIDAxNS40NjMgMTJjMC0uNzU4LjEzOC0xLjQ5MS4zNjEtMi4xNzVsLS4wMDYtLjE0Ny0zLjUwOC0yLjY3LS4xMTUuMDU0QTEwLjgzMSAxMC44MzEgMCAwMDEgMTJjMCAxLjc3Mi40MzYgMy40NDcgMS4xOTcgNC45MzhsMy42NDItMi43NjN6IiBmaWxsPSIjRkJCQzA1Ij48L3BhdGg+PHBhdGggZD0iTTEyLjIyNSA1LjI1M2MyLjEwOCAwIDMuNTI5Ljg5MiA0LjM0IDEuNjM4bDMuMTY3LTMuMDMxQzE3Ljc4NyAyLjA4OCAxNS4yNTUgMSAxMi4yMjUgMSA3LjgzNCAxIDQuMDQzIDMuNDY5IDIuMTk3IDcuMDYybDMuNjMgMi43NjNhNi43NyA2Ljc3IDAgMDE2LjM5OC00LjU3MnoiIGZpbGw9IiNFQjQzMzUiPjwvcGF0aD48L3N2Zz4=') no-repeat center / 100%}
.login-container .login-link {text-align: center;margin-top: 20px;color: #939697}
.login-container .login-link a {font-size: 14px;color: #939697;font-family: 'InterDisplayMedium';display: inline-block;min-width: 150px}
.login-container .login-link a:nth-of-type(1) {text-align: right}
.login-container .login-link a:nth-of-type(2) {text-align: left}
.login-container .login-link a:hover {text-decoration: underline}
.login-container .login-link .line-h {height: 10px;width: 1px;display: inline-block;background-color: #939697;margin: 0 10px}
.g_id_signin {display: none}
.cart-box {width: 480px;position: fixed;z-index: 99999999;bottom: 0;top: 0;display: flex;justify-content: flex-end;right: -500px;transition: all .5s;box-shadow: -8px 0 24px rgba(0, 0, 0, 0.18)}
/* 购物车弹出时的全屏半透明黑色遮罩（位于购物车之下） */
.cart-mask {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.2);opacity: 0;visibility: hidden;pointer-events: none;transition: opacity 0.5s ease, visibility 0.5s ease;z-index: 9999990}
.cart-mask.show {opacity: 1;visibility: visible;pointer-events: auto}
.cart-box .cart-close {position: absolute;top: 40px;right: 40px;width: 24px;height: 24px;background: #f2eff2;display: flex;align-items: center;justify-content: center;border-radius: 50%;cursor: pointer}
.cart-box .cart-close i {font-size: 14px}
.cart-box .cart-container {height: 100%;width: 100%;background: white;padding: 40px;position: relative;display: flex;flex-direction: column}
.cart-box .cart-container .cart-body {flex: 1;overflow: auto}
.cart-box h1 {text-align: left;margin-bottom: 4px;color: #1e2734;font-size: 17px;font-family: 'InterDisplayMedium';border-bottom: 1px solid #ebecec;padding-bottom: 12px;font-weight: normal;}
.cart-box .cart-list {display: none}
.cart-box .cart-list .cart-item {border-bottom: 1px solid #ebecec;padding: 16px 0;display: flex;align-items: center}
.cart-box .cart-list .cart-item .cart-item-left {}
.cart-box .cart-list .cart-item .cart-item-left img {border: 1px solid #ebecec;width: 100px;height: 100px;border-radius: 2px}
.cart-box .cart-list .cart-item .cart-item-mid {flex: 1;padding: 16px}
.cart-box .cart-list .cart-item .cart-item-right i {font-size: 20px;color: #7f7f7f;cursor: pointer}
.cart-box .cart-list .cart-item .cart-item-mid-first {font-size: 16px;font-weight: bold}
.cart-box .cart-list .cart-item .cart-item-mid-second {display: flex;align-items: center}
.cart-box .cart-list .cart-item .cart-item-mid-second .cart-item-mid-price {margin-left: 40px;font-size: 12px;color: #5a5a5a;font-family: 'InterDisplayLight'}
.cart-box .cart-list .cart-item .cart-item-mid-quantity {display: flex;align-items: center;border-radius: 4px;width: fit-content;margin: 16px 0}
.cart-box .cart-list .cart-item .cart-item-mid-quantity button {width: 32px;height: 32px;background: #fff;border: none;cursor: pointer;font-size: 18px;color: #333;display: flex;justify-content: center;align-items: center}
.cart-box .cart-list .cart-item .cart-item-mid-quantity input {width: 50px;height: 32px;text-align: center;border: none;outline: none;font-size: 14px;background: #fff}
.cart-box .cart-related {margin-top: 60px;display: none}
.cart-box .cart-related .cart-related-title {font-size: 12px;font-family: 'InterDisplayLight';text-align: center;margin-bottom: 15px;color: #1e2734}
.cart-box .cart-related-products {padding: 0 40px;position: relative}
.cart-box .cart-related-products .swiper {width: 100%;max-width: 800px;margin: 0 auto;position: static}
.cart-box .cart-related-products .swiper-slide {}
.cart-box .cart-related-products .product-image {width: 150px;height: 150px;object-fit: cover;border: 1px solid #ebecec;border-radius: 2px}
.cart-box .cart-related-products .product-title {font-size: 13px;font-weight: bold;margin: 10px 0 5px;color: #333;text-align: center}
.cart-box .cart-related-products .price-container {display: flex;justify-content: center;gap: 8px;font-size: 12px;color: #666}
.cart-box .cart-related-products .current-price {color: #ee9d23;font-weight: bold;font-size: 12px}
.cart-box .cart-related-products .original-price {text-decoration: line-through;color: #999}
.cart-box .cart-related-products .add-to-cart-btn {position: absolute;top: 10px;right: 10px;width: 14px;height: 14px;border-radius: 50%;border: 1px solid #ee9d23;color: #ee9d23;display: flex;align-items: center;justify-content: center;font-size: 12px;cursor: pointer;line-height: 1}
.cart-box .cart-related-products .swiper-button-next, .cart-box .cart-related-products .swiper-button-prev {color: #999;width: 40px;height: 40px}
.cart-box .cart-related-products .swiper-button-prev {left: 0;justify-content: flex-start}
.cart-box .cart-related-products .swiper-button-next {right: 0;justify-content: flex-end}
.cart-box .cart-related-products .swiper-button-next::after, .cart-box .cart-related-products .swiper-button-prev::after {font-size: 24px;font-weight: bold}
.cart-box .cart-footer .cart-footer-title {margin-bottom: 4px;color: #1e2734;font-size: 12px;font-family: 'InterDisplayLight';border-bottom: 1px solid #ebecec;padding-bottom: 12px}
.cart-box .cart-footer .cart-footer-tips {border-top: 1px solid #ebecec;padding-top: 12px;font-size: 18px;font-family: 'InterDisplayLight';color: #5a5a5a;text-align: center;margin-bottom: 60px}
.cart-box .cart-footer .cart-footer-total {display: flex;justify-content: space-between;font-size: 17px;font-family: 'InterDisplayMedium';margin: 20px 0 40px}
.cart-box .cart-footer .cart-footer-action {display: flex;justify-content: flex-end}
.cart-box .cart-footer .cart-footer-action a {background-color: rgb(30, 39, 52);width: 185px;height: 40px;margin: 0 20px;font-size: 12px;font-family: 'InterDisplayMedium';border-radius: 50px;display: flex;align-items: center;justify-content: center;color: #fff;cursor: pointer;text-decoration: none}
.cart-box .cart-empty {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%}
.cart-box .cart-empty div {font-size: 22px;color: #1e2734;margin: 35px 0 30px}
.cart-box .cart-empty span {background-color: rgb(30, 39, 52);width: 185px;height: 40px;font-size: 12px;font-family: 'InterDisplayMedium';border-radius: 50px;display: flex;align-items: center;justify-content: center;color: #fff;cursor: pointer}
.coupon-modal {width: 600px;max-width:96%;height: 445px;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 9999;background: #fff;border-radius: 12px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);background: url("/template/custom/pc/skin/images/coupon-modal_03.jpg") no-repeat center / 101%;display: none}
.coupon-modal .coupon-head {text-align: right}
.coupon-modal .coupon-head .coupon-close {position: absolute;top: 10px;right: 10px;width: 24px;height: 24px;background: #1e2734;display: flex;align-items: center;justify-content: center;border-radius: 50%;cursor: pointer;color: #fff}
.coupon-modal .coupon-body {text-align: center;padding: 25px 0}
.coupon-modal .coupon-web-title {font-size: 24px;font-family: "InterDisplayExtraBold";color: #ffffff;margin-top: 80px;line-height: 35px}
.coupon-modal .coupon-setp-1 {width: 330px;}
.coupon-modal .coupon-setp-2 {width: 330px;display: none}
.coupon-modal .coupon-setp-3 {width: 330px;display: none;flex-direction: column;align-items: center}
.coupon-modal .coupon-web-link {font-size: 12px;font-family: "InterDisplayMedium";text-decoration: underline;color: #999;padding: 15px 0 35px}
.coupon-modal .coupon-web-desc {font-size: 14px;font-family: "InterDisplayMedium";color: #fff;padding: 2px 0 0}
.coupon-modal .coupon-btn span {display: inline-block;background-image: url('/template/custom/pc/skin/images/btnbg.png');background-repeat: no-repeat;background-position: center;background-size: 100%;color: #fff;width: 120px;height: 35px;line-height: 35px;text-align: center;cursor: pointer;bottom: 25%;left: 18%;transition: all 0.3s;margin-top: 50px;border-radius: 25px}
.coupon-modal .coupon-btn span#coupon-btn2 {margin-top: 4px;background-image: none;background-color: #1e2734;border-radius: 25px}
.coupon-modal .coupon-setp-2 .coupon-btn span, .coupon-modal .coupon-setp-3 .coupon-btn span {width: 136px;margin-top: 0}
.coupon-modal .coupon-setp-2 .modal-input, .coupon-modal .coupon-setp-3 .modal-input {margin-top: 50px}
.coupon-modal .coupon-setp-2 .modal-input input, .coupon-modal .coupon-setp-3 .modal-input input {height: 24px;line-height: 24;border-radius: 25px;padding: 0 10px;outline: none;border: 0;margin-bottom: 6px;background-color: rgba(255, 255, 255, 0.5)}
.coupon-modal .coupon-setp-2 .modal-input input::placeholder, .coupon-modal .coupon-setp-3 .modal-input input::placeholder {color: #1c2634}
.coupon-modal .coupon-setp-3 .coupon-btn span {margin-top: 4px;background-image: none;background-color: #12acbb;border-radius: 25px}
.coupon-modal .modal-coupon-code {width: 200px;color: #1c2634;height: 50px;background: rgba(255, 255, 255, .7);display: flex;align-items: center;justify-content: center;font-size: 12px;font-weight: bold;position: relative;margin-top: 40px;border-radius: 4px}
.coupon-modal .modal-coupon-code i {font-size: 20px;
    /* position: absolute; */
    
    margin-left: 16px;cursor: pointer}
/* ==== index.htm ==== */
* {margin: 0;padding: 0;box-sizing: border-box}
html, body {width: 100%;height: 100%;-webkit-font-smoothing: antialiased;-webkit-tap-highlight-color: transparent}
.index .bg-image {position: absolute;inset: 0;width: 100%;height: 100%;z-index: 1;background-color: #000;background-size: cover;background-position: center;background-repeat: no-repeat;display: none}
.index .bg-image-show {display: block !important}

.index .bg-image.bg-image-ipad{
    display: none !important;
    background-position: bottom !important;
}
.index .bg-overlay {position: absolute;inset: 0;width: 100%;height: 100%;z-index: 2}
.index #canvas {position: absolute;inset: 0;width: 100%;height: 100%;display: block;z-index: 30;pointer-events: auto}
.index #canvas2 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block}
.index .swiper, .index .swiper2 {width: 100%;height: 100%;}
.index .swiper2 .img-box {display: flex;align-items: center;margin-left: 4%;position: relative;background-image: url(/template/custom/pc/skin/images/futuristic.png);background-repeat: no-repeat;background-position: center;background-size: contain;position: absolute;top: 50%;transform: translateY(-50%);width: auto;height: 550px;flex-direction: column;justify-content: center}
.index .swiper2 .text {text-align: center;left: 0;right: 0;color: #fff;font-size: 100px;line-height: 105px;font-family: 'InterDisplayLight';letter-spacing: 10px;padding: 56px 0}
.index .swiper2 .btn {background: url('/template/custom/pc/skin/images/btnbg2.png');
    background-repeat: no-repeat;background-position: center;background-size: 100%;
    color: #fff;
    width: 152px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    margin-top: 20px;
    /* position: absolute;
    bottom: 45px;left: 50%;
    transition: all 0.3s;
    transform: translateX(-50%) */
}
.index .swiper2 .btn {background-image: url('/template/custom/pc/skin/images/btnbg.png')}
.index .swiper2 .swiper-slide{
    text-align: center;
}
.index .swiper2 .swiper2-title{
    font-size: 23px;
    text-align: center;
    margin-top: 70px;
    margin-bottom: 10px;
    font-family: 'InterDisplayMedium';
}
.index .swiper2 .swiper2-title2 {
    text-align: center;
}
.index .swiper2 .swiper2-title2 img{
      
    max-width: 100%;
    
}
 


.index #tc {position: absolute;top: 0;left: 0;pointer-events: none;opacity: 0}
.index .video {width: 100%;height: 100%;object-fit: cover;display: block}
.index .play {position: absolute;color: #fff;z-index: 99999999999;font-size: 32px;left: 20px;bottom: 20px;cursor: pointer;visibility: hidden}
.index .volume {position: absolute;color: #fff;z-index: 99999999999;font-size: 32px;left: 70px;bottom: 20px;cursor: pointer;visibility: hidden}
.index .video-box:hover .volume, .index .video-box:hover .play {visibility: visible}
.index .gearofstylish {position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%)}
/* ==== indexTemp2_1.htm ==== */
.index .stage {position: relative;width: 100vw;height: 100vh;display: flex;align-items: center;justify-content: flex-start;padding-left: 8vw;z-index: 1}
.index .hero {max-width: 70vw}
.index .line {display: block;line-height: 1.15;margin-bottom: 0.18em;white-space: nowrap}
.index /* WOOAH DESIGN line — big bubbly font */ .line.title {font-family: 'InterDisplay';font-size: 80px;letter-spacing: 0.01em;color: #ffffff;text-shadow: 0 4px 0 rgba(0, 0, 0, 0.12), 0 12px 28px rgba(0, 0, 0, 0.35);font-weight: 700}
.index .line.body {font-family: 'InterDisplayLight';font-size: 80px;color: #ffffff;letter-spacing: 7px}
.index .line.body .italic {}
.index /* Inline circular image */ .circle-img {display: inline-block;width: 1.4em;height: 1.4em;border-radius: 50%;background-size: cover;background-position: center;vertical-align: -0.18em;margin: 0 0.18em;transform-origin: center;animation: img-sway 4.5s ease-in-out infinite}
.index .circle-img.logo {background-image: url("/uploads/allimg/20260825/1-260R51F6431H.png");width: 618px;height: 69px;border-radius: 0;vertical-align: baseline;margin-left: 0}
.index .circle-img.woman {background-image: url("/uploads/allimg/20260825/1-260R51FKY42.png");width: 158px;height: 65px;margin-bottom: 2px;border-radius: 0;vertical-align: baseline;cursor: pointer}
.index .circle-img.horse {background-image: url("/uploads/allimg/20260825/1-260R51FP6427.png");width: 145.2px;height: 60px;border-radius: 0;vertical-align: baseline;cursor: pointer}
.index /* Letter-by-letter wind sway */ .letter {display: inline-block;transform-origin: 50% 100%;animation: wind-sway 3.6s ease-in-out infinite;will-change: transform}
/* The wind animation — gentle rotation + horizontal drift */
@keyframes wind-sway2 {
0% {transform: rotate(-3deg) translateX(-1px) skewX(-2deg)}
25% {transform: rotate(4deg) translateX(2px) skewX(2deg)}
50% {transform: rotate(-2deg) translateX(-2px) skewX(-3deg)}
75% {transform: rotate(3deg) translateX(1px) skewX(1deg)}
100% {transform: rotate(-3deg) translateX(-1px) skewX(-2deg)}
}
@keyframes wind-sway {
0%, 100% {transform: skewX(0deg)}
50% {transform: skewX(-15deg)}
}
.index /* transform: skewX(-25deg); */ /* Per-letter delays — randomish delays for natural wind feel */ .l0 {animation-delay: -0.05s;animation-duration: 3.2s}
.index .l1 {animation-delay: -0.20s;animation-duration: 3.6s}
.index .l2 {animation-delay: -0.40s;animation-duration: 3.4s}
.index .l3 {animation-delay: -0.10s;animation-duration: 3.8s}
.index .l4 {animation-delay: -0.55s;animation-duration: 3.5s}
.index .l5 {animation-delay: -0.30s;animation-duration: 3.7s}
.index .l6 {animation-delay: -0.15s;animation-duration: 3.3s}
.index .l7 {animation-delay: -0.45s;animation-duration: 3.9s}
.index .l8 {animation-delay: -0.25s;animation-duration: 3.6s}
.index .l9 {animation-delay: -0.05s;animation-duration: 3.4s}
.index .l10 {animation-delay: -0.50s;animation-duration: 3.7s}
.index .l11 {animation-delay: -0.35s;animation-duration: 3.2s}
.index .l12 {animation-delay: -0.10s;animation-duration: 3.8s}
.index .l13 {animation-delay: -0.20s;animation-duration: 3.5s}
.index .l14 {animation-delay: -0.45s;animation-duration: 3.3s}
.index .l15 {animation-delay: -0.30s;animation-duration: 3.6s}
.index .l16 {animation-delay: -0.05s;animation-duration: 3.9s}
.index .l17 {animation-delay: -0.40s;animation-duration: 3.4s}
.index .l18 {animation-delay: -0.15s;animation-duration: 3.7s}
.index .l19 {animation-delay: -0.50s;animation-duration: 3.5s}
.index .l20 {animation-delay: -0.25s;animation-duration: 3.6s}
.index .l21 {animation-delay: -0.10s;animation-duration: 3.8s}
.index .l22 {animation-delay: -0.35s;animation-duration: 3.3s}
.index .l23 {animation-delay: -0.05s;animation-duration: 3.5s}
.index .l24 {animation-delay: -0.45s;animation-duration: 3.7s}
.index .l25 {animation-delay: -0.20s;animation-duration: 3.4s}
.index .l26 {animation-delay: -0.30s;animation-duration: 3.6s}
.index .l27 {animation-delay: -0.10s;animation-duration: 3.8s}
.index .l28 {animation-delay: -0.50s;animation-duration: 3.5s}
.index .l29 {animation-delay: -0.40s;animation-duration: 3.3s}
.index .l30 {animation-delay: -0.15s;animation-duration: 3.7s}
.index .l31 {animation-delay: -0.25s;animation-duration: 3.6s}
.index .l32 {animation-delay: -0.05s;animation-duration: 3.4s}
.index .l33 {animation-delay: -0.35s;animation-duration: 3.9s}
.index .l34 {animation-delay: -0.45s;animation-duration: 3.5s}
.index .l35 {animation-delay: -0.20s;animation-duration: 3.3s}
.index .l36 {animation-delay: -0.10s;animation-duration: 3.7s}
.index .l37 {animation-delay: -0.30s;animation-duration: 3.6s}
.index .l38 {animation-delay: -0.50s;animation-duration: 3.4s}
.index .l39 {animation-delay: -0.05s;animation-duration: 3.8s}
.index .l40 {animation-delay: -0.40s;animation-duration: 3.5s}
.index .l41 {animation-delay: -0.15s;animation-duration: 3.3s}
.index .l42 {animation-delay: -0.25s;animation-duration: 3.7s}
.index .l43 {animation-delay: -0.35s;animation-duration: 3.6s}
.index .l44 {animation-delay: -0.10s;animation-duration: 3.4s}
.index .l45 {animation-delay: -0.50s;animation-duration: 3.8s}
.index .l46 {animation-delay: -0.20s;animation-duration: 3.5s}
.index .l47 {animation-delay: -0.45s;animation-duration: 3.3s}
.index .l48 {animation-delay: -0.05s;animation-duration: 3.7s}
.index .l49 {animation-delay: -0.30s;animation-duration: 3.6s}
.index .l50 {animation-delay: -0.15s;animation-duration: 3.4s}
.index .l51 {animation-delay: -0.05s;animation-duration: 3.2s}
.index .l52 {animation-delay: -0.20s;animation-duration: 3.6s}
.index .l53 {animation-delay: -0.10s;animation-duration: 3.8s}
.index .l54 {animation-delay: -0.55s;animation-duration: 3.5s}
.index .l55 {animation-delay: -0.30s;animation-duration: 3.7s}
.index .l56 {animation-delay: -0.15s;animation-duration: 3.3s}
.index .l57 {animation-delay: -0.45s;animation-duration: 3.9s}
.index .l58 {animation-delay: -0.25s;animation-duration: 3.6s}
.index .l59 {animation-delay: -0.05s;animation-duration: 3.4s}
.index .l60 {animation-delay: -0.50s;animation-duration: 3.7s}
.index .l61 {animation-delay: -0.35s;animation-duration: 3.2s}
.index .l62 {animation-delay: -0.10s;animation-duration: 3.8s}
.index .l63 {animation-delay: -0.20s;animation-duration: 3.5s}
.index .l64 {animation-delay: -0.45s;animation-duration: 3.3s}
.index .l65 {animation-delay: -0.30s;animation-duration: 3.6s}
.index .l66 {animation-delay: -0.05s;animation-duration: 3.9s}
.index .l67 {animation-delay: -0.40s;animation-duration: 3.4s}
.index .l68 {animation-delay: -0.15s;animation-duration: 3.7s}
.index .l69 {animation-delay: -0.50s;animation-duration: 3.5s}
.index .l70 {animation-delay: -0.25s;animation-duration: 3.6s}
.index .l71 {animation-delay: -0.10s;animation-duration: 3.8s}
.index .l72 {animation-delay: -0.35s;animation-duration: 3.3s}
.index .l73 {animation-delay: -0.05s;animation-duration: 3.5s}
.index .l74 {animation-delay: -0.45s;animation-duration: 3.7s}
.index .l75 {animation-delay: -0.20s;animation-duration: 3.4s}
.index .l76 {animation-delay: -0.30s;animation-duration: 3.6s}
.index .l77 {animation-delay: -0.10s;animation-duration: 3.8s}
.index .l78 {animation-delay: -0.50s;animation-duration: 3.5s}
.index .l79 {animation-delay: -0.40s;animation-duration: 3.3s}
.index .l80 {animation-delay: -0.15s;animation-duration: 3.7s}
.index .l81 {animation-delay: -0.25s;animation-duration: 3.6s}
.index .l82 {animation-delay: -0.05s;animation-duration: 3.4s}
.index .l83 {animation-delay: -0.35s;animation-duration: 3.9s}
.index .l84 {animation-delay: -0.45s;animation-duration: 3.5s}
.index .l85 {animation-delay: -0.20s;animation-duration: 3.3s}
.index .l86 {animation-delay: -0.10s;animation-duration: 3.7s}
.index .l87 {animation-delay: -0.30s;animation-duration: 3.6s}
.index .l88 {animation-delay: -0.50s;animation-duration: 3.4s}
.index .l89 {animation-delay: -0.05s;animation-duration: 3.8s}
.index .l90 {animation-delay: -0.40s;animation-duration: 3.5s}
.index .l91 {animation-delay: -0.15s;animation-duration: 3.3s}
.index .l92 {animation-delay: -0.25s;animation-duration: 3.7s}
.index .l93 {animation-delay: -0.35s;animation-duration: 3.6s}
.index /* Spaces keep their width but still sway slightly */ .letter.space {width: 0.3em}
.index /* Image wrappers also follow the letter sway */ .circle-img {}
.index .stage-box {background: #0d1b2a;overflow: hidden}
/* ==== indexTemp3.htm ==== */
.index .container {max-width: calc(100% - 120px);margin: 0 auto;overflow: hidden}
.index .section-title {font-size: 20px;font-weight: 600;margin: 70px 0 32px;text-transform: uppercase;letter-spacing: 1px;color: #1e2734;cursor: pointer}
.index .community-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 25px 12px;margin-bottom: 32px}
.index /* .community-item:hover{ transform: translateY(-5px); }.index */ .community-image {width: 100%;height: 330px;object-fit: cover;margin-bottom: 15px;border: 1px solid #eee}
.index .community-title {font-size: 13px;font-weight: 600;margin-bottom: 5px;color: #1e2734}
.index .community-description {font-size: 12px;color: #8b8b8b;word-wrap: break-word}
/* iPad 等较大平板：横屏宽度常 > 1032px，单独补一条 3 栏规则（覆盖 1033~1194px 区间） */
@media (max-width: 1194px) {
    .index .community-grid {grid-template-columns: repeat(3, 1fr);gap: 25px 12.5px}
}
.index /* 基础样式 */ .hover-link {position: relative;display: inline-block;text-decoration: none;color: #1e2734;cursor: pointer}
.index /* 下划线伪元素 */ .hover-link::after {content: '';position: absolute;left: 0;bottom: -1px;width: 0;height: 1px;background-color: #1e2734;transition: width 0.4s ease}
.index /* 鼠标悬停时展开 */ .hover-link:hover::after {width: 100%}
/* ==== lists_guestbook.htm ==== */
.lists-guestbook .info-section {padding: 60px 0;max-width: calc(100% - 120px);margin: 0 auto}
.lists-guestbook .section-title {font-size: 24px;font-weight: bold;color: #222;margin-bottom: 20px}
.lists-guestbook .company-details {font-size: 14px;line-height: 1.6;margin-bottom: 30px}
.lists-guestbook .company-details p {margin: 5px 0}
.lists-guestbook .location-link {color: #333;text-decoration: underline;display: inline-flex;align-items: center;gap: 4px}
.lists-guestbook .location-link:hover {color: #007bff}
.lists-guestbook .form-container {width: 50%;display: flex;flex-direction: column;gap: 15px}
.lists-guestbook .form-row {display: flex;gap: 20px;flex-wrap: wrap}
.lists-guestbook .form-input {padding: 10px;border: 1px solid #ccc;font-size: 12px;width: 100%;box-sizing: border-box;color: #111111;font-family: 'InterDisplayLight'}
.lists-guestbook .form-input::placeholder {color: #111111}
.lists-guestbook .form-input:focus {outline: none;border-color: #666;box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1)}
.lists-guestbook .form-label {font-size: 12px;color: #555;margin-bottom: 5px;display: block}
.lists-guestbook .comment-area {min-height: 80px;resize: none}
.lists-guestbook .submit-button {background-color: #1e2734;color: white;border: none;padding: 12px 24px;cursor: pointer;font-size: 17px;width: fit-content;transition: background-color 0.2s;border-radius: 44px}
.lists-guestbook .submit-button:hover {background-color: #444}
/* ==== lists_product.htm ==== */
.lists-product .swiper, .lists-product .swiper2 {width: 100%;height: 100%}
.lists-product .container {max-width: calc(100% - 80px);margin: 0 auto;overflow: hidden}
.lists-product .product-wrap {display: flex}
.lists-product .product-container {flex: 1;padding: 110px 0 200px}
.lists-product .product-title {text-align: center;margin-bottom: 200px;font-size: 70px;font-weight: bold;color: #1c1c1c}
.lists-product .product-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 100px 20px}
.lists-product .product-card {display: flex;flex-direction: column;align-items: center;text-align: center;cursor: pointer}
.lists-product .product-thumbnail {width: 100%;padding-bottom: 93.75%;height: auto;margin-bottom: 20px;background: no-repeat center / 75%;}
.lists-product .product-name {font-size: 25px;font-family: "InterDisplayMedium";font-weight: normal}
.lists-product .product-line {height: 1px;width: 2em;background-color: #e9e6e9;margin: 18px 0}
.lists-product .product-description {font-size: 12px;color: #8f8c8f;margin-bottom: 20px}
.lists-product .product-rating {display: flex;align-items: center;justify-content: center;gap: 5px;margin-bottom: 20px}
.lists-product .product-star, .lists-product .product-half-star {color: red;font-size: 14px}
.lists-product .product-reviews {font-size: 12px;color: #1c1c1c}
.lists-product .product-price {font-size: 17px;font-weight: bold;margin-bottom: 25px;color: #1e2734;font-family: "InterDisplayMedium"}
.lists-product .product-colors {display: flex;gap: 8px;display: none;}
.lists-product .product-color {width: 26px;height: 26px;border-radius: 50%;border: none;cursor: pointer;padding: 3px}
.lists-product .product-color-active {border: 1px solid #8f8c8f}
.lists-product /* 菜单图标 */ .product-menu {max-width:22%;width: 400px;cursor: pointer;padding: 110px 20px 40px}
/* 响应式设计 */
/* ==== lists_search.htm ==== */
html, body {width: 100%;height: 100%;-webkit-font-smoothing: antialiased;-webkit-tap-highlight-color: transparent;user-select: none}
.lists-search .bg-gray {background: #F7F7F7}
.lists-search /* 下载列表 */ .normal-list {min-height: 550px}
.lists-search .normal-list li {position: relative;display: block;line-height: 24px;background: #FFF;margin-bottom: 10px;transition: .3s;-moz-transition: .3s;-webkit-transition: .3s}
.lists-search .normal-list li a {display: block;padding: 15px 0 15px 30px;font-size: 16px;color: #333;transition: .3s;-moz-transition: .3s;-webkit-transition: .3s}
.lists-search .normal-list li span {color: #888888;position: absolute;right: 20px;top: 20px}
.lists-search .normal-list li:hover {background: #1e2734;color: #FFF;transition: .3s;-moz-transition: .3s;-webkit-transition: .3s}
.lists-search .normal-list li:hover a, .lists-search .normal-list li:hover span {color: #FFF}
.lists-search .normal-list li.dot:hover a:before {background: #fff}
.lists-search .normal-list li.dot a {position: relative}
.lists-search .normal-list li.dot a:before {content: '';position: absolute;left: 15px;top: 25px;background: #ececec;width: 7px;height: 7px;border-radius: 50%}
.lists-search .text-center {text-align: center}
.lists-search .pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px}
.lists-search .pagination>li {display: inline}
.lists-search .pagination>li>a, .lists-search .pagination>li>span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff;border: 1px solid #ddd}
.lists-search .pagination>li:first-child>a, .lists-search .pagination>li:first-child>span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px}
.lists-search .pagination>li:last-child>a, .lists-search .pagination>li:last-child>span {border-top-right-radius: 4px;border-bottom-right-radius: 4px}
.lists-search .pagination>li>a:hover, .lists-search .pagination>li>span:hover, .lists-search .pagination>li>a:focus, .lists-search .pagination>li>span:focus {color: #23527c;background-color: #eee;border-color: #ddd}
.lists-search .pagination>.active>a, .lists-search .pagination>.active>span, .lists-search .pagination>.active>a:hover, .lists-search .pagination>.active>span:hover, .lists-search .pagination>.active>a:focus, .lists-search .pagination>.active>span:focus {z-index: 2;color: #fff;cursor: default;background-color: #1e2734;border-color: #1e2734}
.lists-search .pagination>.disabled>span, .lists-search .pagination>.disabled>span:hover, .lists-search .pagination>.disabled>span:focus, .lists-search .pagination>.disabled>a, .lists-search .pagination>.disabled>a:hover, .lists-search .pagination>.disabled>a:focus {color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd}
.lists-search /*分页 begin*/ .pagination li {margin: 0 5px;font-size: 14px;border: none;border-radius: 4px}
.lists-search .pagination li a {border-radius: 4px;color: #6e6e6e;background: #fff;padding: 12px 16px;border: 1px solid #DCDCDC}
.lists-search /* .pagination li i{font-weight:bold;font-size:18px;padding:0 3px}.lists-search */ .pagination li.active a, .lists-search .pagination li a:hover {background: #1e2734;color: #fff;border: 1px solid #1e2734}
/*分页 end*/
/* ==== lists_single.htm ==== */
.lists-single /* ===== single-content : 复刻 quietcarry .container.text-content.rte 综合渲染 ===== */ .single-content {max-width: 960px;width: 90%;margin: 0 auto;position: relative;display: block;font-size: 14px;font-weight: 400;font-style: normal;line-height: 1.5;color: #222;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility}
.lists-single .single-content h1, .lists-single .single-content h2, .lists-single .single-content h3, .lists-single .single-content h4, .lists-single .single-content h5, .lists-single .single-content h6 {margin: 0;font-weight: 600;color: #222;line-height: 1.4}
.lists-single .single-content h1 {margin-bottom: .8em;font-size: 2em}
.lists-single .single-content h2 {margin-bottom: .6em;font-size: 1.6em}
.lists-single .single-content h3 {margin-bottom: .5em;font-size: 1.3em}
.lists-single .single-content h4 {margin-bottom: .4em;font-size: 1.15em}
.lists-single .single-content h5 {margin-bottom: .35em;font-size: 1em}
.lists-single .single-content h6 {margin-bottom: .3em;font-size: .9em}
.lists-single .single-content p {margin: 1em 0}
.lists-single .single-content img {max-width: 100%;height: auto}
.lists-single .single-content ul, .lists-single .single-content ol {margin: 0 0 1em 25px;padding: 0;text-align: left !important}
.lists-single .single-content ol {}
.lists-single .single-content ul {}
.lists-single .single-content ul ul, .lists-single .single-content ol ul {margin: 0;padding-left: 1em}
.lists-single .single-content ul ol, .lists-single .single-content ol ol {margin: 0;padding-left: 1em}
.lists-single .single-content li {font-size: 14px;font-weight: 400;font-style: normal;line-height: 1.7;list-style: inherit;text-align: left !important}
.lists-single .single-content li div {text-align: left !important}
.lists-single .single-content a {-webkit-transition: .2s opacity;transition: .2s opacity;color: #222;text-decoration: none}
.lists-single .single-content a:hover {opacity: .8;text-decoration: underline}
.lists-single .single-content blockquote {margin: 2em 0 1em;padding-left: 1em;border-left: 4px solid #e2e2e2;font-size: 1.05em;line-height: 1.7;letter-spacing: .25px;color: #555}
.lists-single .single-content table, .lists-single .single-content th, .lists-single .single-content td {border: 2px solid #e2e2e2}
.lists-single .single-content table {width: 100%;border-collapse: collapse}
.lists-single .single-content table tr {height: 40px}
.lists-single .single-content table th, .lists-single .single-content table td {padding: 10px 20px;text-align: left}
.lists-single .single-content table th {font-weight: 600;background: #f9f9f9;text-transform: uppercase}
/* ==== lists_single_about.htm ==== */
.lists-single-about .panel {width: 100%;height: 100%;display: flex;align-items: center}
.lists-single-about .left-panel {width: 100%;height: 100%;flex: 1;display: flex;flex-direction: column;gap: 20px;position: relative}
.lists-single-about .product-image {width: 100%;height: 100%;background: url("") no-repeat center;background-size: cover}
.lists-single-about .product-text {position: absolute;bottom: 0;padding: 10% 4% 7% 4%;color: #3c3c3c;left: 0;right: 0}
.lists-single-about .left-panel h2 {font-size: 35px;font-weight: 600;margin-bottom: 40px;color: #949494}
.lists-single-about .left-panel p {font-size: 23px;color: #9d9d9d}
.lists-single-about .right-panel {width: 100%;height: 100%;flex: 1;display: flex;justify-content: center;align-items: center}
.lists-single-about .person-image {width: 100%;height: 100%;background: url("") no-repeat center;background-size: cover}
.lists-single-about .section5 .title {font-family: 'InterDisplay';text-align: right;padding-top: 50px;padding-bottom: 50px;padding-right: 50px;font-size: 15px;font-weight: 600}
.lists-single-about #share-btn {cursor: pointer;color: #1e2734}
.lists-single-about .section5 .list {display: flex;align-items: center;justify-content: space-between;padding-right: 25px;padding-left: 25px;}
.lists-single-about .section5 .list .item {cursor: pointer;transition: all 0.5s}
.lists-single-about .section5 .list .item img {vertical-align: top;max-width: 96%;}
.lists-single-about .section5 .list .item:hover {}
.lists-single-about .section5 .list .item:last-child {}
.lists-single-about /* 作者信息：头像 + 昵称 */ .section5 .list .item .item-author {display: flex;align-items: center;gap: 8px;padding-top: 10px;max-width: 100%}
.lists-single-about .section5 .list .item .item-author .item-avatar {width: 28px;height: 28px;border-radius: 50%;object-fit: cover;flex: none;background-color: #f2f2f2;display: none}
.lists-single-about .section5 .list .item .item-author .item-nickname {font-size: 13px;line-height: 1.2;color: #3c3c3c;font-family: 'InterDisplayMedium';white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.lists-single-about .form {max-width: 100%;padding: 60px;overflow: hidden;background-color: #1e2734;color: #fff}
.lists-single-about .form-header {margin-bottom: 32px}
.lists-single-about .form-header h1 {font-size: 88px;font-weight: 600;margin-bottom: 16px;line-height: 90px;color: #fff;font-family: 'InterDisplayExtraBold'}
.lists-single-about .form-header p {}
.lists-single-about .form-desc {font-size: 24px;line-height: 27px;color: #fefefe;letter-spacing: 0.42px}
.lists-single-about .divider {height: 1px;background-color: #969aa0;margin: 32px 0}
.lists-single-about .form-container {display: flex;gap: 48px;flex-wrap: wrap}
.lists-single-about .left-content {flex: 1}
.lists-single-about .right-form {width: 40%}
.lists-single-about .form-group-cell {margin-top: 100px;display: flex;gap: 24px}
.lists-single-about .form-group {flex: 1;margin-bottom: 24px}
.lists-single-about .form label {display: block;margin-bottom: 14px;font-size: 17px;font-weight: 600}
.lists-single-about .form input[type="text"], .lists-single-about .form input[type="email"] {width: 100%;padding: 12px 0;background: transparent;border: none;border-bottom: 1px solid #fff;color: #ffffff;font-size: 17px;font-family: 'InterDisplayLight';transition: border-color 0.3s}
.lists-single-about .form input[type="text"]:focus, .lists-single-about .form input[type="email"]:focus {outline: none;border-bottom-color: #ffffff}
.lists-single-about .form input::placeholder {color: #bdbdbd}
.lists-single-about .checkbox-group {display: flex;flex-wrap: wrap;margin-top: 8px}
.lists-single-about .checkbox-item {display: flex !important;align-items: center;padding: 8px 0;cursor: pointer;transition: background-color 0.2s;margin-bottom: 18px !important;margin-right: 18px !important;font-family: 'InterDisplayLight';font-weight: normal !important}
.lists-single-about .checkbox-item:hover {background-color: rgba(255, 255, 255, 0.05)}
.lists-single-about .checkbox-item input[type="checkbox"] {margin-right: 8px}
.lists-single-about /* 1. 移除默认样式并设置自定义外观 */ .custom-checkbox {appearance: none;-webkit-appearance: none;-moz-appearance: none;width: 20px;height: 20px;border: 1px solid #ccc;border-radius: 0px;background-color: transparent;cursor: pointer;position: relative;vertical-align: middle}
.lists-single-about /* 2. 选中状态：改变背景色 */ .custom-checkbox:checked {background-color: transparent}
.lists-single-about /* 3. 使用伪元素绘制对勾（选中时显示） */ .custom-checkbox:checked::after {content: "";position: absolute;left: 5px;top: 1px;width: 6px;height: 12px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg)}
.lists-single-about .submit-btn {background-color: #ffffff;color: #1e2734;border: none;padding: 10px 26px;font-weight: 600;border-radius: 40px;cursor: pointer;transition: all 0.2s;font-size: 15px}
.lists-single-about .form-compelete {border-radius: 5px;border: 1px solid #fff;color: #fff;text-align: center;padding: 18px 0;margin: 100px 0 300px;font-family: 'InterDisplayLight';display: none}
.lists-single-about /* .submit-btn:hover{ transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }*/ /* 响应式 */ @media (max-width: 1200px) {.left-panel p { font-size: 14.375px;} .left-panel h2 { font-size: 21.875px;margin-bottom: 25px;} .section5 .list .item img { max-width: 95%;} .divider { margin: 20px 0;} .form-header { margin-bottom: 20px;} .form-header h1 { font-size: 55px;line-height: 56.25px;} .form-desc { font-size: 15px;} 

.right-form { } .form-group { margin-bottom: 15px;} .form-group-cell { margin-top: 62.5px;gap: 15px;} .form label { margin-bottom: 8.75px;font-size: 14px;} .form input[type="text"], .form input[type="email"] { font-size: 14px;} .custom-checkbox { width: 14px;height: 14px;}}
/* ==== lists_single_branding.htm ==== */
.lists-single-branding .swiper, .lists-single-branding .swiper2 {width: 100%;height: 100%}
.lists-single-branding .bg-gray {background: url("/template/custom/pc/skin/images/typewriter.jpg") no-repeat center / cover}
.lists-single-branding .img-object-fit {width: 100%;height: 100%;object-fit: cover}
.lists-single-branding .section4 {display: flex}
.lists-single-branding .section4 .left {width: 50%}
.lists-single-branding .section4 .right {width: 50%;padding: 120px 100px;color: #1e2734}
.lists-single-branding .section4 .right .title1 {border-radius: 5px;background-color: rgb(30, 39, 52);color: #fff;width: 221px;height: 34px;line-height: 34px;z-index: 99;font-size: 20px;font-family: 'InterDisplay';text-align: center}
.lists-single-branding .section4 .right .title2 {font-size: 55px;font-family: 'InterDisplay';font-weight: bold;padding: 40px 0 70px}
.lists-single-branding .section4 .right .content2 {font-size: 20px;font-family: 'InterDisplayMedium'}
.lists-single-branding .section4 .right .content2 span {text-wrap-mode: wrap !important;white-space: normal !important;word-wrap: break-word;overflow-wrap: break-word}
.lists-single-branding .section5{
    height: auto;
}
.lists-single-branding .section5 .content {font-size: 20px;font-family: 'InterDisplay';padding: 120px 0 0 55%;color: #1e2734}
.lists-single-branding .section5 .list {overflow: hidden;padding: 80px 0;cursor: grab;user-select: none}
.lists-single-branding .section5 .list:active {cursor: grabbing}
.lists-single-branding .section5 .list-track {display: flex;align-items: center;width: max-content;transition: transform 0.5s ease}
.lists-single-branding .section5 .list .item {flex: 0 0 auto;width: 300px;margin-right: 20px;cursor: pointer;transition: transform 0.5s}
.lists-single-branding .section5 .list .item:hover {opacity: 0.85}
.lists-single-branding .section5 .list .item img {width: 100%;height: auto;display: block;-webkit-user-drag: none;user-select: none;pointer-events: none}
.lists-single-branding .section5 .list .item p {margin-top: 12px;text-align: center;font-family: 'InterDisplay';color: #1e2734}
/* body{ font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; background-color: #f0f0f0; }.lists-single-branding */
.typewriter-container {width: 1465px;margin: 0 auto;height: 100%;box-sizing: border-box;font-family: "InterDisplayLight";position: relative}
.lists-single-branding .typewriter-text {font-size: 116px;line-height: 1.3;margin: 0;color: #4d4a44}
.lists-single-branding .typewriter-text::after {content: "";display: inline-block;width: 1em;height: 5px;background-color: #333;margin-left: 2px;animation: blink 0.7s infinite;vertical-align: bottom;position: relative;top: -34px}
.lists-single-branding #typewriter-text2 {position: absolute;z-index: -1;visibility: hidden}
@keyframes blink {
0% {opacity: 0}
50% {opacity: 1}
100% {opacity: 0}
}
/* 响应式 */
/* ==== lists_single_community.htm ==== */
.lists-single-community .swiper, .lists-single-community .swiper2 {width: 100%;height: 100%}
.lists-single-community .container {max-width: calc(100% - 80px);margin: 0 auto;overflow: hidden}
.lists-single-community .section-title {font-size: 20px;font-weight: 600;margin: 70px 0 32px;text-transform: uppercase;letter-spacing: 1px;color: #1e2734}
.lists-single-community .community-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 25px 12px;margin-bottom: 32px}
.lists-single-community /* .community-item:hover{ transform: translateY(-5px); }.lists-single-community */ .community-image {width: 100%;height: 330px;object-fit: cover;margin-bottom: 15px;border: 1px solid #eee}
.lists-single-community .community-title {font-size: 12px;font-family: 'InterDisplayMedium';margin-bottom: 2px;color: #1e2734}
.lists-single-community .community-description {font-size: 12px;font-family: 'InterDisplayMedium';color: #8b8b8b;word-wrap: break-word}
.lists-single-community /* 基础样式 */ .hover-link {position: relative;display: inline-block;text-decoration: none;color: #1e2734;cursor: pointer}
.lists-single-community /* 下划线伪元素 */ .hover-link::after {content: '';position: absolute;left: 0;bottom: -2px;width: 0;height: 2px;background-color: #1e2734;transition: width 0.4s ease}
.lists-single-community /* 鼠标悬停时展开 */ .hover-link:hover::after {width: 100%}
.lists-single-community .wrap {display: flex;position: relative;min-height: 100%}
.lists-single-community .wrap .right {padding-top: 80px;width: 100%}
/* ==== post-modal-about.htm ==== */
.lists-single-about .dropzone {border: 2px dashed #0087F7;border-radius: 5px;background: white;min-height: 150px;padding: 20px}
.lists-single-about .dropzone .dz-message {text-align: center;margin: 2em 0;font-size: 18px;color: #666}
.lists-single-about #myDropzone {width: 100%;height: 100%;border: 0}
.lists-single-about #myDropzone .dz-message {font-size: 12px;color: #bfbfbf;font-family: 'InterDisplay'}
.lists-single-about .post-modal {position: fixed;width: 912px;height: 772px;top: 50%;background: #fff;left: 50%;transform: translate(-50%, -50%);border-radius: 12px;z-index: 9999;display: flex;flex-direction: column;display: none}
.lists-single-about .post-modal-mask {position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, .2);display: none}
.lists-single-about .post-modal .post-modal-head {height: 42px;font-size: 17px;font-weight: bold;text-align: center;display: flex;align-items: center;justify-content: space-between}
.lists-single-about .post-modal .post-modal-head .post-modal-head-back {width: 100px;padding-left: 20px;text-align: left;visibility: hidden}
.lists-single-about .post-modal .post-modal-head .post-modal-head-back i {cursor: pointer}
.lists-single-about .post-modal .post-modal-head .post-modal-head-share {width: 100px;padding-right: 20px;text-align: right;cursor: pointer;color: #4358e5;visibility: hidden}
.lists-single-about .post-modal .post-modal-body {height: 100%;overflow: hidden;display: flex;border-top: 1px solid #e4e5e6}
.lists-single-about .post-modal .post-modal-body .post-modal-body-left {flex: 1;display: flex;align-items: center;justify-content: center;position: relative}
.lists-single-about .post-modal .post-modal-body .post-modal-body-left #myDropzone {display: flex;align-items: center;justify-content: center;flex-direction: column}
.lists-single-about .post-modal .post-modal-body .post-modal-body-right {width: 260px;padding: 12px;box-sizing: border-box;display: none}
.lists-single-about .post-modal .post-modal-body .post-modal-body-right .post-modal-userinfo {display: flex;align-items: center;font-size: 12px;font-family: "InterDisplayMedium"}
.lists-single-about .post-modal .post-modal-body .post-modal-body-right .post-modal-userinfo img {margin-right: 8px;border-radius: 24px}
.lists-single-about .post-modal .post-modal-upload {text-align: center}
.lists-single-about .post-modal .post-modal-upload * {cursor: pointer}
.lists-single-about .post-modal .post-modal-upload i {font-size: 45px}
.lists-single-about .post-modal .post-modal-upload .post-icon {}
.lists-single-about .post-modal .post-modal-upload .post-text {font-size: 17px;font-family: "InterDisplayMedium";padding: 12px 0 18px}
.lists-single-about .post-modal .post-modal-upload .post-text2 {font-size: 12px;font-weight: bold;padding: 10px 15px;background-color: #1e2734;color: #fff;border-radius: 8px}
.lists-single-about .post-modal textarea {border: 0;resize: none;width: 100%;margin-top: 20px;height: 200px}
.lists-single-about .post-modal .post-textarea-num {color: #dfdfe1;font-size: 12px;text-align: right;border-bottom: 1px solid #e4e5e6;padding-bottom: 8px}
.lists-single-about .post-modal .upload-compelete {position: absolute;left: 0;bottom: 0;right: 0;top: 0;background-position: center;background-size: cover;background-repeat: no-repeat;border-radius: 25px;display: none;z-index: 99;background-color: #fff}
.lists-single-about .post-modal .upload-close {position: absolute;top: 10px;right: 10px;width: 24px;height: 24px;background: #1e2734;display: flex;align-items: center;justify-content: center;border-radius: 50%;cursor: pointer;color: #fff;display: none}
.lists-single-about .post-modal-mask .post-modal-colse {color: #fff;position: absolute;top: 50px;right: 50px;font-size: 30px;cursor: pointer}
/* ==== system/product_comment.htm ==== */
.product-comment .evalute {text-align: left}
.product-comment .box1 h3.title {padding: 0 15px;font-size: 14px;line-height: 40px;color: #666;font-weight: 700;border: 1px solid #eee;background-color: #f7f7f7;margin-top: 30px;text-align: left}
.product-comment .box1 h3.attrtitle {padding: 0 15px;font-size: 14px;line-height: 40px;color: #666;font-weight: 700;border: 1px solid #eee;background-color: #f7f7f7;margin-top: 30px;text-align: left}
.product-comment .percentgood {overflow: hidden;clear: both;padding: 15px;border: 1px solid #eeeeee}
.product-comment .percentgood .comment-percent {display: table-cell;min-width: 200px;text-align: center;border-right: 1px solid #f0f0f0;vertical-align: middle}
.product-comment .percentgood .comment-percent .comment-star {width: 78px;height: 14px;margin: 0 auto;background: url(/public/static/common/images/star.png) no-repeat}
.product-comment .percentgood .comment-percent .star0 {background-position: -80px 0}
.product-comment .percentgood .comment-percent .star1 {background-position: -64px 0}
.product-comment .percentgood .comment-percent .star2 {background-position: -48px 0}
.product-comment .percentgood .comment-percent .star3 {background-position: -32px 0}
.product-comment .percentgood .comment-percent .star4 {background-position: -16px 0}
.product-comment .percentgood .comment-percent .star5 {background-position: 0 0}
.product-comment .percentgood .comment-body {width: 100%;display: table-cell;vertical-align: middle}
.product-comment .percentgood .comment-body .graph {width: 440px;margin: 0 auto}
.product-comment .percentgood .comment-body .graph .graph-scroller {width: 400px;margin-top: 30px;position: relative;background: url(/public/static/common/images/graph-scroller.png) 0 no-repeat}
.product-comment .percentgood .comment-body .graph .graph-scroller em {width: 28px;height: 18px;line-height: 18px;display: block;margin-left: -18px;position: relative;top: -24px;color: #ffffff;font-style: normal;text-align: center;background: -moz-linear-gradient(55deg, #ed0014, #fa5252);background: linear-gradient(55deg, #ed0014, #fa5252)}
.product-comment .percentgood .comment-body .graph .graph-scroller em .caret {display: inline-block;width: 0;height: 0;margin-left: -4px;position: absolute;bottom: -4px;left: 50%;color: #ed0014;vertical-align: middle;border-top: 4px dashed;border-right: 4px solid transparent;border-left: 4px solid transparent}
.product-comment .percentgood .comment-body .graph .graph-description {display: flex;padding-left: 40px}
.product-comment .percentgood .comment-body .graph .graph-description li {width: 80px;color: #999999;text-align: center}
.product-comment .percentgood .comment-right {min-width: 200px;text-align: center;display: table-cell;border-left: 1px solid #f0f0f0;vertical-align: middle;color: #666}
.product-comment .percentgood .percent-tit {font-size: 12px;color: #666;font-weight: 400}
.product-comment .percentgood .percent-con {font-size: 28px;color: #e4393c;font-family: arial}
.product-comment .percentgood .percent-con span {font-size: 23px}
.product-comment .percentgood .pgbox {width: 15%;float: left;margin: 2% 7% 0}
.product-comment .percentgood dl.total {text-align: center}
.product-comment .percentgood dl.total dt {font-size: 40px;color: #e4393c;line-height: initial;margin-top: 0}
.product-comment .pgbox dd.percentjd {background-color: #eeeeee;height: 10px;width: 100%;margin-top: 10px}
.product-comment /*.pgbox dl{margin-top:25px;}.product-comment */ .pgbox dl dt {margin-top: 14px}
.product-comment dd.percentjd i {background-color: #e4393c;display: block;height: 10px;width: 50%}
.product-comment ul.evalute-titleul {overflow: hidden;border: 1px solid #F5F5F5;background-color: #FAFAFA;height: 30px;line-height: 30px}
.product-comment ul.evalute-titleul li {float: left;padding: 0 20px}
.product-comment ul.evalute-titleul li.check a {color: #e4393c;font-weight: bold}
.product-comment ul.evalute-titleul li.check a em.embold {font-weight: bold}
.product-comment /*.evalute-detail{margin-top:30px;}.product-comment */ .evalute-detail ul .lie {overflow: hidden;padding: 20px 0 10px 0;border-bottom: 1px solid #eeeeee}
.product-comment .evalute-detail ul .lie:hover a.receivea {display: inline-block;visibility: visible}
.product-comment .showvisi {visibility: visible !important}
.product-comment .evalute-detail li div.column {float: left}
.product-comment .evalute-detail li div.starevalute {width: 12%}
.product-comment .evalute-detail li div.personeva {width: 88%}
.product-comment .evalute-detail .reply {display: flex;padding-left: 12%;font-size: 12px}
.product-comment .evalute-detail .reply .reply-con {display: flex;font-size: 12px;border-top: 1px solid #eeeeee}
.product-comment .evalute-detail .reply .reply-con>p {padding: 10px 0}
.product-comment .evalute-detail .reply .reply-con ul {flex: 1;margin-left: 10px}
.product-comment .evalute-detail .reply .reply-con ul li {display: flex;justify-content: space-between;padding: 10px 0}
.product-comment .evalute-detail .reply .reply-con ul li span {flex: 1;color: #ed0014;line-height: 24px;margin-right: 10px;text-align: justify;word-break: break-all;word-wrap: break-word}
.product-comment .evalute-detail .reply .reply-con ul li p {color: #bfbfbf}
.product-comment .evalute-detail .replylist {display: none}
.product-comment .evalute-detail .replylist .receive {border-top: dashed 1px #DDDDDD;padding-top: 10px;padding-bottom: 10px;clear: both}
.product-comment .evalute-detail .replylist .receive a.receivea {visibility: visible;clear: both;padding-top: 5px;display: inline-block}
.product-comment .evalute-detail .replylist .receive .content {width: 670px;float: left}
.product-comment .evalute-detail .receive .user-name {color: #005ea7}
.product-comment .otherbox {text-align: left;padding: 20px 0}
.product-comment .personeva .comment-star {width: 78px;height: 14px;background: url(/public/static/common/images/star.png) no-repeat}
.product-comment .personeva .star0 {background-position: -80px 0}
.product-comment .personeva .star1 {background-position: -64px 0}
.product-comment .personeva .star2 {background-position: -48px 0}
.product-comment .personeva .star3 {background-position: -32px 0}
.product-comment .personeva .star4 {background-position: -16px 0}
.product-comment .personeva .star5 {background-position: 0 0}
.product-comment .personeva .comment {padding: 10px 0;line-height: 23px;text-align: justify}
.product-comment .personeva .comment .description {margin: 0 0 5px 0;font-size: 12px}
.product-comment .personeva .comment dd {float: left;margin-right: 10px}
.product-comment .personeva .comment .show-pic {display: inline-block;margin-top: 5px}
.product-comment .personeva .comment .show-pic dd {position: relative}
.product-comment /*.personeva .comment .show-pic dd a{cursor: url(/template/custom/pc/images/fd.png),auto;display: block;border:1px solid #fff;}.product-comment */ .personeva .comment .show-pic dd a.on {border: 1px solid #DE342F}
.product-comment .personeva .comment .show-pic a.sc_prev, .product-comment .personeva .comment .show-pic a.sc_next {font-size: 40px;display: block;background-color: #ccc;width: 30px;;text-align: center;padding: 29px 0;float: left}
.product-comment .personeva .comment .show-pic a.sc_prev {}
.product-comment .personeva .comment .show-pic a.sc_next {}
.product-comment .personeva .comment .show-pic .sc_bd {float: left;width: 100%}
.product-comment .personeva .comment-ge {font-size: 12px;color: #9c9c9c;margin-bottom: 10px}
.product-comment .personeva .comment-ge span {float: right}
.product-comment .evalute-detail li div.rankevalute {width: 72%;padding: 0 2%}
.product-comment .evalute-detail li div.rankevalute .member {width: 50px;height: 50px;border-radius: 100%;overflow: hidden;margin: auto}
.product-comment .evalute-detail li div.rankevalute .member img {width: 100%}
.product-comment .evalute-detail li div.rankevalute .menber-name {white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.product-comment .evalute-detail li div.rankevalute .menber-level {color: #9c9c9c}
.product-comment .loadmore {border-radius: 3px;cursor: pointer}
.product-comment .comment-hide {display: none}
/* ==== view_article_community.htm ==== */
.view-article-community .swiper, .view-article-community .swiper2 {width: 100%;height: 100%}
.view-article-community .container {max-width: calc(100% - 80px);margin: 0 auto;overflow: hidden}
.view-article-community .section-title {font-size: 24px;font-weight: 600;margin: 70px 0 32px;text-transform: uppercase;letter-spacing: 1px;color: #1e2734}
.view-article-community .community-grid {display: grid;grid-template-columns: 1;gap: 30px 10px;margin-bottom: 32px}
.view-article-community /* .community-item:hover{ transform: translateY(-5px); }.view-article-community */ .community-image {width: 100%;height: 300px;object-fit: cover;margin-bottom: 15px;border: 1px solid #eee}
.view-article-community .community-title {font-size: 12px;font-family: 'InterDisplayMedium';margin-bottom: 8px;color: #1e2734}
.view-article-community .community-description {font-family: 'InterDisplayMedium';font-size: 12px;color: #8b8b8b;line-height: 1.4;word-wrap: break-word}
.view-article-community /* 社区文章卡片点赞数：统一实心心形、只读展示、位于标题上方 */ .community-item .community-zan {margin-bottom: 6px;display: flex;align-items: center}
.view-article-community .community-item .community-zan .zan {display: inline-flex;align-items: center;gap: 5px;background: none;background-image: none;width: auto;height: auto;margin: 0;padding: 0;font-family: 'InterDisplayMedium';font-size: 12px;line-height: 1;color: #8b8b8b;text-decoration: none;cursor: default}
.view-article-community .community-item .community-zan .zan i {font-size: 14px;color: #e60023;margin: 0;display: inline}
.view-article-community .community-item .community-zan .zan span {color: inherit;margin: 0;display: inline}
.view-article-community /* 基础样式 */ .hover-link {position: relative;display: inline-block;text-decoration: none;color: #1e2734;cursor: pointer}
.view-article-community /* 下划线伪元素 */ .hover-link::after {content: '';position: absolute;left: 0;bottom: -2px;width: 0;height: 2px;background-color: #1e2734;transition: width 0.4s ease}
.view-article-community /* 鼠标悬停时展开 */ .hover-link:hover::after {width: 100%}
/* 响应式设计 */
/* @media (max-width: 1024px){ .community-grid { grid-template-columns: repeat(3, 1fr); } }@media (max-width: 960px){ .community-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; } .section-title { font-size: 20px; margin-bottom: 20px; } }@media (max-width: 480px){ .community-grid { grid-template-columns: 1fr; gap: 20px; } .community-image { height: 200px; } body { padding: 15px; } }.view-article-community */
.wrap {display: flex;position: relative;min-height: 100%}
.view-article-community .wrap .right {padding-top: 80px;padding-bottom: 40px;flex: 1;}
.view-article-community .wrap .container {height: 100%}
.view-article-community #preview-btn {background: rgba(255,255,255,.5);padding: 8px;width: 36px;height: 36px;border-radius: 8px}
.view-article-community .c-box {display: flex;height: 100%;align-items: flex-start}
.view-article-community .c-box .c-left {width: 75%;display: flex;margin-right: 20px}
.view-article-community .c-box .c-right {margin-left: 20px;width: 25%}
.view-article-community .c-box .c-img {width: 630px;height: calc(100vh - 120px);border: 1px solid #c8c8c8;display: flex;align-items: center;justify-content: center;border-radius: 20px 0 0 20px;position: relative;overflow: hidden}
.view-article-community .c-box .c-img .zoom {position: absolute;right: 15px;bottom: 15px;cursor: pointer}
.view-article-community .c-box .c-img img {width: 100%;height: 100%;vertical-align: top;object-fit: contain}
.view-article-community .c-box .c-info {flex: 1;height: calc(100vh - 120px);border: 1px solid #c8c8c8;border-left: 0;border-radius: 0 20px 20px 0;position: relative;overflow: hidden}
.view-article-community .c-box .c-info .c-favorite {font-size: 16px;font-family: 'InterDisplayExtraBold';font-weight: bold;display: flex;align-items: center;padding: 20px}
.view-article-community .c-box .c-info .c-favorite .heart i {font-size: 32px;margin-right: 10px}
.view-article-community .c-box .c-user-info {display: flex;align-items: center;gap: 10px;padding: 20px}
.view-article-community .c-box .c-title {padding: 0 20px;font-size: 20px;font-family: "InterDisplayExtraBold";color: #1e2734}
.view-article-community .c-box .c-describe {padding: 0 20px;color: #c2bcba;font-size: 12px;line-height: 1.5}
.view-article-community .c-box .c-describe h3 {font-size: 16px;margin-bottom: 10px}
.view-article-community .c-box .c-comments {padding-bottom: 72px}
.view-article-community .c-box .c-avatar {width: 32px;height: 32px;border-radius: 50%;background-color: #ddd;display: flex;align-items: center;justify-content: center;font-weight: bold;color: #666}
.view-article-community .c-box .c-avatar img {width: 100%;height: 100%;max-width: none;max-height: none;object-fit: cover;border-radius: 50%;display: block}
.view-article-community /* 评论内容里的图片：小图展示，点击放大 */ .c-box .c-comment-value img {width: 100px;height: 100px;object-fit: cover;border-radius: 6px;border: 1px solid #c2bcba;display: block;margin: 6px 0 0;cursor: zoom-in}
.view-article-community /* 插件 GIF 表情：小尺寸行内展示，不缩略不放大 */ .c-box .c-comment-value img.c-emoticon {width: 28px;height: 28px;object-fit: contain;display: inline-block;vertical-align: middle;margin: 0 2px;border: 0;border-radius: 2px;cursor: default}
.view-article-community #c-comment-lightbox {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99999;background: rgba(0, 0, 0, .82);display: none;align-items: center;justify-content: center;cursor: zoom-out}
.view-article-community #c-comment-lightbox img {max-width: 90vw;max-height: 90vh;width: auto;height: auto;border-radius: 4px;box-shadow: 0 4px 24px rgba(0, 0, 0, .5);cursor: default}
.view-article-community /* 表情面板：容器只负责定位，面板本体样式来自插件 eyemoji.css */ .c-box .c-comment-emoji-panel {position: absolute;bottom: calc(100% + 10px);left: 20px;display: none;z-index: 50}
.view-article-community .c-box .c-username {font-weight: bold;font-size: 14px}
.view-article-community .c-box .c-line {margin: 15px 20px;border-top: 1px solid #c8c8c8}
.view-article-community .c-box .c-comments .c-comment-title {padding: 0 20px;display: flex;justify-content: space-between;font-size: 16px;font-weight: 600}
.view-article-community .c-box .c-comments .c-comment-value {flex: 1}
.view-article-community .c-box .c-comments .c-comment-tools {display: flex;gap: 10px;color: #c2bcba;font-size: 13px}
.view-article-community .c-box .c-comment-item-sub {padding-left: 20px}
.view-article-community .c-box .c-comment-item-sub .c-user-info {}
.view-article-community .c-box .c-comment-input-box {display: flex;flex-direction: column;gap: 8px;border: 1px solid #c8c8c8;border-radius: 22px;padding: 12px 20px;margin: 20px;position: absolute;bottom: 0;left: 0;right: 0;background: #fff}
.view-article-community .c-box .c-comment-input-row {display: flex;align-items: center}
.view-article-community .c-box .c-comment-input-box .c-comment-input {flex: 1;outline: 0;border: 0;font-size: 16px;line-height: 1.5;min-height: 24px;word-break: break-word}
.view-article-community /* contenteditable 没有 placeholder 属性，用 :empty 伪元素模拟 */ .c-box .c-comment-input-box .c-comment-input:empty:before {content: attr(data-placeholder);color: #c2bcba;pointer-events: none}
.view-article-community /* 输入框内联表情：与正文一致的小尺寸行内展示 */ .c-box .c-comment-input-box .c-comment-input img {width: 28px;height: 28px;object-fit: contain;vertical-align: text-bottom;margin: 0 1px;border: 0}
.view-article-community .c-box .c-comment-input-box .action {display: flex}
.view-article-community .c-box .c-comment-input-box .action img {margin-left: 8px;cursor: pointer}
.view-article-community /* 待发布附件条（图片/表情），嵌在评论框内 */ .c-box .c-comment-imgs {display: flex;flex-wrap: wrap;gap: 12px;padding: 2px 2px 0}
.view-article-community .c-box .c-comment-imgs .c-comment-img {position: relative;width: 54px;height: 54px;border: 1px solid #e3ddd9;border-radius: 10px;background: #faf8f7;cursor: pointer}
.view-article-community .c-box .c-comment-imgs .c-comment-img img {width: 100%;height: 100%;max-width: none;max-height: none;object-fit: cover;border-radius: 9px;display: block}
.view-article-community .c-box .c-comment-imgs .c-comment-img.is-emoji img {object-fit: contain;padding: 7px;box-sizing: border-box}
.view-article-community .c-box .c-comment-imgs .c-comment-img::after {content: '\00d7';position: absolute;top: -7px;right: -7px;width: 18px;height: 18px;line-height: 17px;text-align: center;border-radius: 50%;background: #1e2734;color: #fff;font-size: 13px;font-family: Arial, sans-serif;box-shadow: 0 1px 4px rgba(0, 0, 0, .25)}
.view-article-community .c-box .c-comment-btn {cursor: pointer}
.view-article-community .c-box .heart {}
.view-article-community .c-box .heart a {color: #e91e63}
.view-article-community .c-box .heart .fa-regular {color: #1e2734}
.view-article-community /* 点赞插件：与收藏栏融合（覆盖插件自带 zan.css 的 50px 图片盒样式） */ .c-box .c-favorite .ey_zan_row {font-family: 'InterDisplayExtraBold';align-self: center}
.view-article-community .c-box .c-favorite .ey_zan_row .btm-zan {width: auto;text-align: left}
.view-article-community .c-box .c-favorite .ey_zan_row .btm-zan .zan {display: inline-flex;align-items: center;gap: 6px;background: none;background-image: none;width: auto;height: auto;margin: 0;padding: 0;font-size: 16px;color: #1e2734;text-decoration: none;cursor: pointer}
.view-article-community .c-box .c-favorite .ey_zan_row .btm-zan .zan i {font-size: 32px;color: #1e2734;margin: 0}
.view-article-community .c-box .c-favorite .ey_zan_row .btm-zan .zan span {color: #1e2734;margin: 0;display: inline}
.view-article-community .c-box .c-favorite .ey_zan_row .btm-zan .zan:hover, .view-article-community .c-box .c-favorite .ey_zan_row .btm-zan .zan:hover i, .view-article-community .c-box .c-favorite .ey_zan_row .btm-zan .zan:hover span {color: #e91e63}
.view-article-community /* 已点赞（激活）状态：常驻粉色，与 hover 一致 */ .c-box .c-favorite .ey_zan_row .btm-zan .zan.active, .view-article-community .c-box .c-favorite .ey_zan_row .btm-zan .zan.active i, .view-article-community .c-box .c-favorite .ey_zan_row .btm-zan .zan.active span {color: #e91e63}
.view-article-community .c-box .c-favorite .ey_zan_row .btm-zan .zan .fa-solid {display: none}
.view-article-community .c-box .c-favorite .ey_zan_row .btm-zan .zan.active .fa-solid {display: block}
.view-article-community .c-box .c-favorite .ey_zan_row .btm-zan .zan.active .fa-regular {display: none}
/* ==== view_product.htm ==== */
.view-product .swiper, .view-product .swiper2 {width: 100%;height: 100%}
.view-product .kf-box {width: 100%;height: 100%;position: relative;overflow: hidden}
.view-product .swiper2 .swiper-pagination {background: rgba(0, 0, 0, .5) !important;width: auto !important;border-radius: 50px !important;padding: 5px 15px !important;position: initial;display: flex;align-items: center;height: 45px}
.view-product .swiper2 .swiper-pagination-bullet {background: #5f5f5f;opacity: 1;margin: 0;vertical-align: middle}
.view-product .swiper2 .swiper-tools {position: absolute;bottom: 10px;left: 50% !important;transform: translateX(-50%) !important;z-index: 9998;display: flex;align-items: center}
.view-product .swiper2 .swiper-pagination-bullet-active {background: #cacaca;width: 10px;height: 10px}
.view-product .swiper2 .swiper-action {background: rgba(0, 0, 0, .5);border-radius: 50px;color: #fff;margin-left: 10px;width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;cursor: pointer}
.view-product .swiper2 .swiper-action .fa-pause {display: none}
.view-product .swiper2 .swiper-action.spw .fa-pause {display: block}
.view-product .swiper2 .swiper-action.spw .fa-play {display: none}
.view-product .swiper2 .swiper-buyBtn {position: absolute;bottom: 10px;z-index: 9998;display: flex;align-items: center;right: 80px;background: rgba(0, 0, 0, .5);border-radius: 50px;box-sizing: border-box;padding: 6px 6px 6px 20px;font-size: 15px;color: #fff;font-weight: 600}
.view-product .swiper2 .swiper-buyBtn .btn {background: url('/template/custom/pc/skin/images/btnbg2.png');background-repeat: no-repeat;background-position: center;background-size: 120%;cursor: pointer;margin-left: 17px;width: 120px;padding: 8px 16px;border-radius: 120px}
.view-product .swiper2 .swiper-buyBtn .btn:hover {background-image: url('/template/custom/pc/skin/images/btnbg.png')}
.view-product .product-wrapper {
    padding: 60px 0 90px;text-align: center;overflow: hidden;
    min-height: 50%;

}
.view-product .product-heading {font-size: 44px;font-weight: 600;margin-bottom: 40px;color: #1c1c1c}
.view-product .product-wrapper {position: relative}
.view-product .product-wrapper .product-swiper-container {}
 
.view-product .product-wrapper .swiper-slide {width: auto}
.view-product .product-wrapper .swiper-slide img {border-radius: 10px}



.view-product /* Swiper 分页器样式 */ .product-wrapper .swiper-pagination {bottom: 40px !important}
.view-product .product-wrapper .swiper-pagination .swiper-pagination-bullet {width: 7px;height: 7px;background-color: #636363;opacity: 1;transition: all 0.3s ease;margin-bottom: 1.5px !important}
.view-product .product-wrapper .swiper-pagination .swiper-pagination-bullet-active {width: 10px;height: 10px;border-radius: 10px;background-color: #cbcbcb;transform: translateY(1px);margin-bottom: 0 !important}
/* 响应式设计 */
.view-product .product02-container {min-height: 50%;text-align: center;position: relative;background: url("/template/custom/pc/skin/images/product0224.png") no-repeat center / cover}
.view-product .product02-header {position: absolute;margin-bottom: 30px;z-index: 999;left: 0;right: 0;top: 0;padding: 60px}
.view-product .product02-label {color: #ff0003;font-size: 25px;font-weight: 600;margin-bottom: 25px;line-height: 24px}
.view-product .product02-title {font-size: 70px;font-weight: 600;color: #1c1c1c;line-height: 52px;margin-bottom: 35px}
.view-product .product02-description {font-size: 18px;color: #6a676e;line-height: 23px;font-weight: 600;margin: 0 auto 40px;letter-spacing: .36px}
.view-product .product02-image-wrapper {position: relative;display: inline-block}
.view-product .product02-blade-image {max-width: 100%;height: auto;transition: transform 0.3s ease;vertical-align: bottom}
.view-product .product02-blade-image:hover {}
/* 响应式设计 */
.view-product .product03-container {min-height: 50%;text-align: left;position: relative}
.view-product /* 左侧产品图区域 */ .product03-image-wrapper {flex: 0 0 50%;position: relative}
.view-product .product03-image {width: 100%;vertical-align: bottom}
.view-product /* 右侧特性列表 */ .product03-features {padding: 20px;position: absolute;right: 10%;top: 30%}
.view-product .product03-feature-item {margin-bottom: 40px;padding-left: 15px;position: relative}
.view-product /* .product03-feature-item::before{ content: ""; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; background: #f08c00; border-radius: 50%; }.view-product */ .product03-feature-title {font-size: 18px;color: #6a676e;margin-bottom: 8px;font-family: 'InterDisplayMedium'}
.view-product .product03-feature-value {font-size: 35px;font-weight: 700;color: #ff771c;line-height: 1;margin-bottom: 8px}
.view-product .product03-feature-subtitle {font-size: 18px;color: #6a676e;font-family: 'InterDisplayMedium'}
.view-product /* 底部描述文字 */ .product03-description {text-align: center;font-size: 16px;line-height: 23px;color: #8f8c8f;position: absolute;bottom: 90px;left: 0;right: 0}
/* 响应式：移动端堆叠 */
.view-product .product04-container {min-height: 50%;position: relative}
.view-product .product04-image-wrapper {width: 100%;text-align: center}
.view-product .product04-image {width: 100%;vertical-align: bottom}
.view-product .product04-features {display: flex;justify-content: center;gap: 60px;width: 100%;position: absolute;bottom: 146px;left: 0;right: 0}
.view-product .product04-feature-card {width: 286px;border-radius: 8px;transition: transform 0.2s ease}
.view-product .product04-feature-card:hover {}
.view-product .product04-feature-title {font-size: 16px;font-weight: normal;font-family: 'InterDisplayMedium';margin-bottom: 18px;color: #1c1c1c;line-height: 23px;letter-spacing: 0.32px}
.view-product .product04-feature-line {border-bottom: 1px solid rgb(192, 190, 192)}
.view-product .product04-feature-desc {margin-top: 18px;font-size: 12px;color: #8f8c8f;line-height: 1.7}
/* 响应式：移动端堆叠三列 */
/* 小屏幕进一步优化 */
.view-product .product06-container {min-height: 50%;position: relative}
.view-product .product06-image-wrapper {width: 100%;margin-bottom: 40px;text-align: center}
.view-product .product06-image {width: 100%;vertical-align: bottom}
/* 响应式：移动端堆叠三列 */
/* 小屏幕进一步优化 */
.view-product .product07-container {min-height: 50%;text-align: center;position: relative}
.view-product .product07-header {position: absolute;margin-bottom: 30px;z-index: 999;left: 0;right: 0;top: 0;padding: 60px}
.view-product .product07-label {color: #ff0003;font-size: 25px;font-weight: 600;margin-bottom: 25px}
.view-product .product07-label {color: #ff0003;font-size: 25px;font-weight: 600;margin-bottom: 25px;line-height: 24px}
.view-product .product07-title {font-size: 70px;font-weight: 600;color: #1c1c1c;line-height: 52px;margin-bottom: 35px}
.view-product .product07-description {font-size: 18px;color: #6a676e;line-height: 23px;font-weight: 600;margin: 0 auto 40px;letter-spacing: .36px}
.view-product .product07-image-wrapper {position: relative;display: inline-block}
.view-product .product07-blade-image {max-width: 100%;height: auto;transition: transform 0.3s ease;vertical-align: bottom}
.view-product .product07-blade-image:hover {}
.view-product /* 底部三大设计亮点 */ .product07-features {display: flex;justify-content: center;gap: 60px;text-align: left;position: absolute;left: 0;right: 0;bottom: 118px}
.view-product .product07-feature-card {width: 286px}
.view-product .product07-feature-card:hover {}
.view-product .product07-feature-icon {margin-bottom: 8px;width: 26px}
.view-product .product07-feature-title {font-size: 18px;font-weight: 600;color: #1a1a2e;margin-bottom: 12px}
.view-product .product07-feature-desc {font-size: 12px;color: #8f8c8f;line-height: 1.7}
.view-product /* 基础样式 */ .hover-link {position: relative;display: inline-block;text-decoration: none;color: #1e2734;cursor: pointer}
.view-product /* 下划线伪元素 */ .hover-link::after {content: '';position: absolute;left: 0;bottom: -1px;width: 0;height: 1px;background-color: #1e2734;transition: width 0.4s ease}
.view-product /* 鼠标悬停时展开 */ .hover-link:hover::after {width: 100%}
/* 响应式设计 */
.view-product .product08-container {min-height: 50%;padding: 60px}
.view-product /* 标题区域 */ .product08-title {font-size: 18px;font-weight: bold;margin-bottom: 20px;display: flex;align-items: center;gap: 5px;cursor: pointer;color: #1e2734}
.view-product .product08-title span {transform: rotateZ(-180deg);line-height: 1;margin-top: 5px;height: 24px;transition: all 0.5s}
.view-product .product08-title span.on {transform: rotateZ(0)}
.view-product /* .product08-title::after{ content: "▼"; font-size: 12px; margin-left: 5px; }.view-product */ /* 评论项 */ .product08-review-item {border-top: 1px solid #eee;padding: 20px 0;display: flex;flex-direction: column;gap: 10px}
.view-product .product08-rating {color: #FFD700;font-size: 16px}
.view-product .product08-user-info {display: flex;align-items: center;gap: 10px}
.view-product .product08-avatar {width: 32px;height: 32px;border-radius: 50%;background-color: #ddd;display: flex;align-items: center;justify-content: center;font-weight: bold;color: #666;overflow: hidden}
.view-product .product08-avatar img {width: 100%;height: 100%}
.view-product .product08-username {font-weight: bold;font-size: 14px}
.view-product .product08-verified {color: #e74c3c;font-size: 12px}
.view-product .product08-product-name {font-size: 12px;font-weight: bold;color: #555;margin-top: 5px}
.view-product .product08-comment {font-size: 13px;line-height: 1.5;color: #444;margin: 5px 0}
.view-product .product08-images {display: flex;gap: 10px;margin-top: 10px}
.view-product .product08-image {width: 80px;height: 80px;object-fit: cover;border: 1px solid #ddd;border-radius: 4px}
.view-product /* 查看更多按钮 */ .product08-view-more {background-color: #2c3e50;color: white;border: none;padding: 10px 20px;border-radius: 4px;font-size: 14px;cursor: pointer;margin-top: 20px;text-align: center;display: inline-block}
.view-product .product08-view-more:hover {background-color: #34495e}
/* 响应式设计：小屏幕适配 */
.view-product /* 产品推荐容器 */ .product09-container {min-height: 50%;padding: 60px}
.view-product /* 标题样式 */ .product09-title {font-size: 16px;font-weight: 400;margin-bottom: 20px}
.view-product /* 产品列表容器 */ .product09-list {display: flex;gap: 20px;overflow-x: auto;padding-bottom: 20px;scrollbar-width: thin;scrollbar-color: #ccc #f5f5f5}
.view-product /* 自定义滚动条样式 */ .product09-list::-webkit-scrollbar {height: 6px}
.view-product .product09-list::-webkit-scrollbar-track {background: #f5f5f5;border-radius: 3px}
.view-product .product09-list::-webkit-scrollbar-thumb {background: #ccc;border-radius: 3px}
.view-product .product09-list::-webkit-scrollbar-thumb:hover {background: #999}
.view-product /* 单个产品卡片 */ .product09-item {flex: 1;display: flex;flex-direction: column;transition: transform 0.3s ease}
.view-product /*.product09-item:hover{*/ /* transform: translateY(-5px);*/ /*}.view-product */ /* 产品图片容器 */ .product09-image-wrapper {width: 100%;height: 72.5%;overflow: hidden;position: relative;background-color: #f8f8f8;cursor: pointer}
.view-product /* 产品图片 */ .product09-image {width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease}
.view-product /*.product09-item:hover .product09-image{*/ /* transform: scale(1.05);*/ /*}.view-product */ /* 产品信息容器 */ .product09-info {padding: 15px 0;display: flex;flex-direction: column;gap: 5px}
.view-product /* 产品名称 */ .product09-name {font-size: 14px;color: #1c1c1c;line-height: 1.4;cursor: pointer;transition: color 0.2s ease}
.view-product .product09-name:hover {}
.view-product /* .product09-name .hover-link::after{ content: " →"; font-size: 12px; margin-left: 2px; }.view-product */ /* 产品价格 */ .product09-price {font-size: 14px;color: #1c1c1c}
/* 响应式设计 */
.view-product .product05-container {min-height: 50%;padding: 60px 120px;display: flex;gap: 160px;align-items: flex-start;justify-content: center}
.view-product /* === 左侧主图区域 === */ .product05-main-image-wrapper {flex: 0 0 700px;position: relative;overflow: hidden;background: #fff}
.view-product .product05-swiper {width: 100%;height: 700px;border: 1px solid #eee}
.view-product .product05-swiper .swiper-slide {display: flex;justify-content: center;align-items: center;background: #fff}
.view-product .product05-swiper .swiper-slide img {max-width: 100%;max-height: 100%;object-fit: contain}
.view-product .product05-pagination {position: absolute;bottom: 120px !important;right: 15px !important;left: auto !important;background: rgba(0, 0, 0, 0.6);color: #dfddde;border-radius: 18px;font-size: 18px;z-index: 999;width: 54px !important;line-height: 30px;text-align: center}
.view-product .product05-pagination b {color: white}
.view-product .product05-thumbnails-wrapper {display: flex;align-items: center;margin-top: 15px;gap: 8px;border: 1px solid #eee}
.view-product .product05-thumb-arrow {width: 88px;height: 88px;background: #fff;border: 1px solid #eee;display: flex;justify-content: center;align-items: center;cursor: pointer;font-size: 18px;color: #b6b7bc;user-select: none}
.view-product .product05-thumb-arrow {font-size: 32px}
.view-product .product05-thumbnails {display: flex;gap: 8px;flex: 1;overflow-x: auto;scrollbar-width: thin;scrollbar-color: #ccc transparent;justify-content: center;align-items: center}
.view-product .product05-thumbnails::-webkit-scrollbar {height: 4px}
.view-product .product05-thumbnails::-webkit-scrollbar-thumb {background: #ccc;border-radius: 2px}
.view-product .product05-thumbnail {width: 76px;height: 76px;border: 1px solid #dfddde;cursor: pointer;overflow: hidden;background: #fff;display: flex;justify-content: center;align-items: center}
.view-product .product05-thumbnail img {width: 100%;height: 100%;object-fit: contain}
.view-product .product05-thumbnail.active {border-color: #afb0b5;width: 86px;height: 86px}
.view-product /* === 右侧产品信息区 === */ .product05-info {
    /* flex: 0 0 390px; */
    min-width: 320px}
.view-product .product05-badge {background: #ffde4c;color: #1c1c1c;font-size: 12px;padding: 5px 5px;border-radius: 2px;display: inline-block;margin-bottom: 20px;font-weight: bold}
.view-product .product05-title {font-size: 17px;font-weight: 600;margin-bottom: 20px;color: #1c1c1c}
.view-product .product05-rating {display: flex;align-items: center;margin-bottom: 20px;font-size: 12px;color: #a19fa1}
.view-product .product05-rating .star {color: #ffea05;margin-right: 4px;font-size: 16px}
.view-product .product05-price {font-size: 24px;font-weight: bold;margin-bottom: 25px}
.view-product .product05-price .current {color: #d32f2f;margin-right: 8px;font-size: 15px;font-weight: 600}
.view-product .product05-price .original {color: #343334;font-size: 12px}
.view-product .product05-favorite {display: flex;align-items: center;margin: 12px 0;font-size: 12px;cursor: pointer;color: #1c1c1c}
.view-product .product05-favorite .heart {color: #e91e63;margin-right: 6px;font-size: 16px;text-decoration: none}
.view-product .product05-favorite .heart a {color: #e91e63}
.view-product .product05-favorite .heart .fa-regular {color: #1e2734}
.view-product .product05-features {margin: 20px 0;padding-left: 15px;font-size: 12px;color: #1c1c1c}
.view-product .product05-features li {margin-bottom: 6px}
.view-product .product05-quantity {display: flex;align-items: center;border: 1px solid #ddd;width: fit-content;margin: 16px 0}
.view-product .product05-quantity button {width: 32px;height: 32px;background: #fff;border: none;cursor: pointer;font-size: 18px;color: #333;display: flex;justify-content: center;align-items: center}
.view-product .product05-quantity input {width: 50px;height: 32px;text-align: center;border: none;outline: none;font-size: 14px;background: #fff}
.view-product .product05-btn {width: 100%;padding: 12px 0;text-align: center;border: none;cursor: pointer;font-size: 12px;font-weight: 600;margin: 8px 0;border-radius: 0px;transition: background 0.2s}
.view-product .product05-btn-cart {background: #1e2734;color: white}
.view-product .product05-btn-kickstarter {background: #034752;color: white;display: flex;justify-content: center;align-items: center}
.view-product .product05-btn-kickstarter img {margin-left: 5px}
.view-product .product05-btn:hover {opacity: 0.9}
.view-product .product05-video-section {margin-top: 24px;display: flex;gap: 9px}
.view-product .product05-video-item {position: relative;width: 100%;height: 300px;overflow: hidden;border-radius: 4px;cursor: pointer}
.view-product .product05-video-item video {width: 100%;height: 100%;object-fit: cover}
.view-product .product05-play-like {position: absolute;right: 5px;top: 5px;background: rgba(0, 0, 0, .5);width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;color: #fff;border-radius: 50%;padding: 15px;display: none}
.view-product .product05-play-icon {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 30px;height: 30px;background: rgba(255, 255, 255, 0.8);border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 16px;color: #333}
.view-product .product05-actions {margin-top: 20px;display: flex;gap: 20px;font-size: 12px;color: #1c1c1c}
.view-product .product05-action {display: flex;align-items: center;cursor: pointer;position: relative}
.view-product .product05-action+.product05-action::after {content: "";position: absolute;width: 1px;height: 14px;background-color: #e9e6e9;top: 0;left: -10.5px}
.view-product .product05-action i {margin-right: 6px;font-size: 16px}
.view-product .product05-action .minus {display: flex;align-items: center;display: none}
.view-product .product05-action .minus .social-icons {margin-top: 0;gap: 4px}
.view-product .product05-action .minus .social-icon {width: 18px;height: 18px}
.view-product .product05-action .minus .social-icon img {width: 100%;height: 100%}
.view-product .product05-line {border-bottom: 1px solid #dfddde;margin-top: 16px}
/* === 响应式预留 === */
.view-product .share-modal {width: 600px;height: 350px;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 9999;background: #fff;border-radius: 12px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);display: none}
.view-product .share-modal .share-head {text-align: right}
.view-product .share-modal .share-head .share-close {position: absolute;top: 10px;right: 10px;width: 24px;height: 24px;background: #f2eff2;display: flex;align-items: center;justify-content: center;border-radius: 50%;cursor: pointer}
.view-product .share-modal .share-body {text-align: center;padding: 25px 0}
.view-product .share-modal .share-web-title {font-size: 24px;font-family: "InterDisplay";font-weight: bold}
.view-product .share-modal .share-web-link {font-size: 12px;font-family: "InterDisplayMedium";text-decoration: underline;color: #999;padding: 15px 0 35px}
.view-product .share-modal .share-btn span {display: inline-block;background-image: url('/template/custom/pc/skin/images/btnbg.png');background-repeat: no-repeat;background-position: center;background-size: 100%;color: #fff;width: 120px;height: 35px;line-height: 35px;text-align: center;cursor: pointer;bottom: 25%;left: 18%;transition: all 0.3s}

.view-product .ey-spec label{
    font-size: 14px;
    color: #1c1c1c;
    margin-bottom: 5px;
    display: inline-block;
}
.view-product .ey-spec .btn{
    border-radius: 0;
    text-decoration: none;
    border: 1px solid transparent;
    color: #1c1c1c;
    font-size: 14px;
    padding: 3px;
    /* border-radius: 50%; */
    

}
.view-product .m-t-15{
    margin-top: 15px;
}
.view-product .ey-spec  .btn-selected.btn-danger:hover,.view-product .ey-spec  .btn-selected.btn-danger{
    color: #8f8c8f;
    background-color: transparent;
    border-color: #8f8c8f;
    text-decoration: none;
}

.view-product .ey-spec  .btn img{
    width: 26px;
    height: 26px;
    vertical-align: middle;
}
.view-product .ey-spec  .btn span{
    vertical-align: middle;

}

/* ==== 规格：一级卡片折叠 + 二/三级圆形图 ==== */
.view-product .ey-spec{margin-top:22px}
.view-product .ey-spec-lv1{display:flex;flex-direction:column;gap:8px}
/* 一级卡片 */
.view-product .ey-spec-card{border:1px solid #d9d9d9;border-radius:6px;background:#fff;
    /* transition:border-color .2s,box-shadow .2s */
}
.view-product .ey-spec-card:hover{border-color:#1e2734}
.view-product .ey-spec-card.is-open{
    /* border-color:#1c1c1c; */
    border-color:transparent;

}
.view-product .ey-spec-card-hd{display:flex;flex-direction:column;gap:2px;padding:11px 14px;cursor:pointer;user-select:none}
.view-product .ey-spec-card-tit{font-size:13px;line-height:18px;color:#1c1c1c;font-weight:500}
.view-product .ey-spec-card.is-open .ey-spec-card-tit{font-weight:700}
.view-product .ey-spec-card-sub{font-size:11px;line-height:16px;color:#1e2734}
.view-product .ey-spec-card-sub:empty{display:none}
/* 二级 / 三级规格：共享面板，未展开时整体隐藏 */
.view-product .ey-spec-panel{display:none}
.view-product .ey-spec-panel.is-in{display:block}
/* 展开区（二/三级） */
.view-product .ey-spec-card-bd{display:none;padding:2px 14px 20px}
.view-product .ey-spec-card.is-open .ey-spec-card-bd{display:block}
.view-product .ey-spec-grp{padding-top:12px;margin-top:10px;
    /* border-top:1px solid #ececec */
}
.view-product .ey-spec-grp:first-child{border-top:0;margin-top:0}
.view-product .ey-spec-grp-lab{display:flex;align-items:center;gap:4px;font-size:13px;line-height:20px;margin-bottom:10px}
.view-product .ey-spec-grp-lab .lab-k{color:#1c1c1c}
.view-product .ey-spec-grp-lab .lab-v{
    color:#1c1c1c;
    /* border-bottom:1px solid #1c1c1c; */
    padding:0 2px;min-width:10px;
}
.view-product .ey-spec-grp-lab .lab-v:empty{display:none}
/* 圆形图选项 */
.view-product .ey-spec-grp-opts{display:flex;flex-wrap:wrap;gap:10px}
.view-product .ey-spec-dot{
    width:36px;height:36px;border-radius:50%;
    border:2px solid transparent;
    background:#fff;
    display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;
    text-decoration:none;padding:0;flex:0 0 auto}
.view-product .ey-spec-dot:hover{
    /* border-color:#8f8c8f */
}
.view-product .ey-spec-dot img{width:100%;height:100%;object-fit:cover;display:block;padding: 4px;z-index: 1;}
/* 选中态 */
.view-product .ey-spec-dot.btn-danger,.view-product .ey-spec-dot.btn-danger:hover{
    /* border-color:#e58c21;box-shadow:0 0 0 2px rgba(223,108,36,.12) */
    border: 2px solid transparent;
    border-radius: 50%;
    /* padding: 16px; */
    background:
        linear-gradient(#fff, #fff) padding-box,   /* 内层，遮住边框区域外的内容背景 */
        linear-gradient(45deg, #922d7a, #f3cb14) border-box;  /* 外层渐变作边框 */

}
/* 无图时的文字圆点：放大直径以容纳文字（类名由 spec-accordion.js 添加） */
.view-product .ey-spec-dot.is-tx{width:auto;min-width:36px;height:36px;border-radius:18px;padding:0 12px}
.view-product .ey-spec-dot.is-tx .ey-spec-dot-tx{font-size:11px;line-height:1;color:#e58c21;text-align:center;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}

/* ==== footer.htm(SVN) ==== */
.container {max-width: calc(100% - 120px);margin: 0 auto;overflow: hidden}
/* === HERO HEADING === */
.hero-heading {font-size: 67px;font-weight: normal;margin-bottom: 200px;margin-top: 50px;font-family: "Unesa";color: #1e2734;line-height: 66px}
.hero-subtext {font-size: 24px;line-height: 28px;margin-bottom: 48px}
/* === FOOTER GRID === */
.footer-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 30px;border-top: 1px solid #1e2734;padding-top: 20px;margin-top: 20px}
.footer-grid .footer-column {position: relative}
.footer-grid .footer-column+.footer-column::after {content: "";position: absolute;height: 100%;width: 1px;background-color: #1e2734;top: 0;left: -14.5px}
/* .footer-grid .footer-column:last-child{ border-right: 0; }*/
.footer-column h3 {font-size: 16px;font-weight: normal;margin-bottom: 30px;line-height: 21px;text-transform: uppercase;letter-spacing: 0.8px;font-family: 'InterDisplayMedium';color: #1e2734}
.footer-column>p {font-size: 12px;color: #1e2734;line-height: 16px;width: 210px;font-family: 'InterDisplayLight'}
.footer-column ul {list-style: none}
.footer-column li {margin-bottom: 8px;font-size: 12px;line-height: 16px}
.footer-column a {color: #1e2734;text-decoration: none}
.footer-column a:hover {text-decoration: underline}
/* === TERMS & CONDITIONS 两栏布局 === */
.terms-two-columns {display: grid;grid-template-columns: 1fr 1fr;gap: 2px 2px;margin-top: 8px}
.terms-two-columns li {margin-bottom: 0}
.terms-two-columns li a {font-family: 'InterDisplayLight'}
/* === SOCIAL ICONS === */
.social-icons {display: flex;gap: 12px;margin-top: 8px;flex-wrap: wrap}
.social-icon {width: 32px;height: 32px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;font-size: 12px;text-decoration: none;transition: transform 0.2s}
.social-icon:hover {}
.social-icon img {width: 32px;height: 32px}
/* === FORM === */
.contact-form input, .contact-form textarea {width: 100%;padding: 8px;margin-bottom: 8px;border: 1px solid #1e2734;font-size: 12px;font-family: inherit;border-radius: 4px}
.contact-form input::placeholder, .contact-form textarea::placeholder {color: #dfdfe1}
.contact-form textarea {min-height: 80px;resize: none}
.contact-form button {background: #000;color: white;border: none;padding: 8px 10px;cursor: pointer;font-size: 12px;transition: background 0.2s;border-radius: 4px}
.contact-form button:hover {background: #333}
/* === BRAND LOGO === */
.brand-logo {display: flex;align-items: center;gap: 8px;font-weight: 700;font-size: 18px;margin-bottom: 36px}
.brand-logo svg {width: 24px;height: 24px;fill: #000}
/* === BUTTON === */
.btn-more {background: #000;color: white;border: none;padding: 2px 8px;font-size: 12px;cursor: pointer;border-radius: 18px;transition: background 0.2s;margin-top: 8px}
.btn-more:hover {background: #333}
/* === PAYMENT ICONS === */
.payment-icons {display: flex;gap: 8px;margin-top: 16px;padding-bottom: 8px;overflow-x: auto;scrollbar-width: thin;scrollbar-color: #ccc transparent}
.payment-icons::-webkit-scrollbar {height: 4px}
.payment-icons::-webkit-scrollbar-thumb {background: #ccc;border-radius: 2px}
.payment-icon {width: 32px;height: 20px;background: #eee;border: 1px solid #ddd;border-radius: 2px;display: flex;align-items: center;justify-content: center;font-size: 11px;font-weight: bold;color: #333}
/* === FOOTER BOTTOM BAR === */
.footer-bottom-bar {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 16px;margin-top: 32px;margin-bottom: 32px;padding-top: 16px;border-top: 1px solid #1e2734}
.footer-bottom-left {font-size: 12px;color: #777}
.footer-bottom-left a {color: #555;text-decoration: none;margin: 0 4px}
.footer-bottom-left a:hover {text-decoration: underline}
.footer-bottom-right {display: flex;gap: 16px;flex-wrap: wrap;font-size: 12px}
.footer-bottom-right a {color: #333;text-decoration: none}
.footer-bottom-right a:hover {text-decoration: underline}
.coupon {position: fixed;z-index: 9998;right: 0;bottom: 10%;background: url('/template/custom/pc/skin/images/coupon.png') no-repeat center / 100%;font-size: 0;cursor: pointer}
/* .coupon:hover{ background: url('/template/custom/pc/skin/images/coupon2.png') no-repeat center / 100%; }*/
.coupon img {visibility: hidden}
/* === COPYRIGHT (备用) === */
.copyright {text-align: center;font-size: 12px;color: #777;margin-top: 32px;padding-top: 16px;border-top: 1px solid #eee}
/* === HERO HEADING === */
/* === FOOTER GRID === */
/* .footer-grid .footer-column:last-child{ border-right: 0; }*/
/* === TERMS & CONDITIONS 两栏布局 === */
/* === SOCIAL ICONS === */
/* === FORM === */
/* === BRAND LOGO === */
/* === BUTTON === */
/* === PAYMENT ICONS === */
/* === FOOTER BOTTOM BAR === */
/* .coupon:hover{ background: url('/template/custom/pc/skin/images/coupon2.png') no-repeat center / 100%; }*/
/* === COPYRIGHT (备用) === */

/* ==== merged @media (sorted largest -> smallest) ==== */
@media (max-width: 1400px) {
    .lists-single-branding .section5 .list .item {width: 240px;margin-right: 20px}
    .lists-single-branding .section5 .list .item img {height: auto}
    
    .lists-single-branding .typewriter-container {max-width: calc(100% - 80px)}
    .lists-single-branding .typewriter-text {font-size: 72.5px}
    .lists-single-branding .typewriter-text::after {top: -21px}
.lists-single-branding .section4 .right {padding: 75px 62.5px}
.lists-single-branding .section4 .right .title1 {font-size: 14px;width: 150px;line-height: 21.25px;height: 21.25px}
.lists-single-branding .section4 .right .title2 {font-size: 34.375px}
.lists-single-branding .section4 .right .title2 {padding: 25px 0 43.75px}
.lists-single-branding .section4 .right .content2 {font-size: 14px}
.lists-single-branding .section4 .right .content2 span {text-wrap-mode: wrap !important;white-space: normal !important;word-wrap: break-word;overflow-wrap: break-word}
.lists-single-branding .section5 .content {font-size: 14px;font-family: 'InterDisplay';padding: 75px 0 0 55%;color: #1e2734}
}

@media (max-width: 1200px) {
.login-container {width: 60%;padding-bottom: 40px}
.login-container h1 {font-size: 43.75px;margin-bottom: 25px}
.login-container label {font-size: 16px}
.login-container input[type="text"], .login-container input[type="email"], .login-container input[type="password"] {font-size: 14px}
.login-container .checkbox-group label {font-size: 16px}
.login-container .button-group {gap: 25px}
.login-container .btn-primary {padding: 8.75px 12.5px}
.login-container .google-icon {width: 20px;height: 20px}
.index .swiper2 .img-box {height: 343.75px}
.index .swiper2 .text {font-size: 62.5px;line-height: 65.625px;letter-spacing: 6.26px}
/* .index .swiper2 .btn {width: 75px;height: 21.875px;line-height: 21.875px;font-size: 12px;bottom: 28.125px} */
.index .swiper2 .btn img {width: 8.125px}
.index .line.body {font-size: 50px;letter-spacing: 4.375px}
.index .line.title {font-size: 50px}
.index .circle-img {}
.index .circle-img.logo {width: 386.25px;height: 43.125px}
.index .circle-img.woman {width: 98.75px;height: 40.625px}
.index .circle-img.horse {width: 90.75px;height: 37.5px}
.index .community-image {height: 206.25px}
.lists-single-community .community-image {height: 192.66px}
.post-modal {max-height: 85vh;max-width: 55%}
.view-article-community .c-box .c-left {margin-right: 0}
.view-article-community .c-box .c-info .c-favorite {padding: 12.5px}
.view-article-community .c-box .c-user-info {padding: 12.5px}
.view-article-community .c-box .c-line {margin: 9.375px 12.5px}
.view-article-community .c-box .c-title {padding: 0 12.5px}
.view-article-community .c-box .c-user-info {gap: 6.25px}
.view-article-community .c-box .c-describe {padding: 0 12.5px}
.view-article-community .c-box .c-comments .c-comment-title {padding: 0 12.5px}
.view-article-community .community-grid {gap: 18.75px 10px;margin-bottom: 0}
.view-article-community .community-image {height: 168.5px;margin-bottom: 10px}
.view-article-community .community-title {margin-bottom: 5px}
.view-article-community .c-box .c-img {width: 394px}
.view-article-community .c-box .c-comment-input-box {margin: 12.5px;padding: 7.5px 12.5px}
.view-product .product05-container {gap: 50px}
.view-product .product02-label, .product07-label {font-size: 15.625px;line-height: 25px;margin-bottom: 15.625px}
.view-product .product02-title, .product07-title {font-size: 43.75px;line-height: 32.5px;margin-bottom: 21.875px}
.view-product .product02-description, .product07-description {font-size: 14px}
.view-product .product03-feature-item {margin-bottom: 25px}
.view-product .product03-feature-title {font-size: 14px}
.view-product .product03-feature-value {font-size: 21.875px}
.view-product .product03-feature-subtitle {font-size: 14px}
.view-product .product03-description {font-size: 14px;line-height: 18px;bottom: 60px}
.view-product .product04-features {bottom: 60px}
.view-product .product07-features {bottom: 60px}
.coupon {bottom: 15%}
.coupon img {width: 71.25px}
.hero-heading {font-size: 41.875px;line-height: 41.25px;margin-bottom: 125px;margin-top: 31.25px}
.hero-subtext {font-size: 15px;line-height: 17.5px;margin-bottom: 30px}
.footer-grid {gap: 18.8px}
.footer-column h3 {font-size: 12px;margin-bottom: 18.75px;line-height: 14px;letter-spacing: 0.5px}
.footer-grid .footer-column+.footer-column::after {left: -9.9px}
.brand-logo {margin-bottom: 22.5px}
.brand-logo img {width: 131.25px}
.footer-column>p {width: 100%}


}

@media (max-width: 1195px) {
.footer-grid .footer-column:last-child {grid-column: 1 / -1}
.footer-grid .footer-column:last-child .terms-two-columns {display: flex;gap: 2px 20px}
}

@media (max-width: 1024px) {
    .view-product .product05-container {padding: 60px}
    .view-product .product05-main-image-wrapper {flex: 0 0 550px}
    .view-product .product05-info{
        
    }
}










@media (max-width: 980px) {
.footer-grid {}
.footer-grid .footer-column {grid-column: 1 / -1}
.footer-grid .footer-column+.footer-column::after {display: none}
}

@media (max-width: 960px) {
.create-box .create-body {max-width: 100%;flex-direction: column;justify-content: center;align-items: center}
.create-body-right {margin-top: 20px}
.create-box .create-btn {margin-right: 0}
.index .community-grid {grid-template-columns: repeat(3, 1fr)}
.index .community-image {height: 240px}
/* .lists-single-about .kf-box {height: 500px} */
.lists-product .product-grid {grid-template-columns: repeat(2, 1fr)}
/* .product-container { padding: 20px 10px; } */

/* .lists-single-about .panel {height: 500px} */
.lists-single-about .right-form {width: 100%}


.lists-single-community .community-grid {grid-template-columns: repeat(2, 1fr)}
.lists-single-community .community-image {height: 220px}
.view-article-community .c-box .c-left {width: 100%;flex-direction: column}
.view-article-community .c-box .c-img {width: 100%;border-radius: 20px;height: 600px}
.view-article-community .c-box .c-info {margin-top: 20px;border-radius: 20px;border: 1px solid #c8c8c8}
.view-article-community .c-box .c-right {display: none}

/* .index .stage{
    height: 500px;
} */

.lists-product .product-menu{
    display: none;
}

.lists-product .product-title{
    margin-bottom: 100px;
}

.footer-grid .footer-column:last-child .terms-two-columns{
    flex-wrap: wrap;
}
}
.lists-single-about .section5 .title .pad-title{
    display: none;
}
.lists-single-about .section5 .share-btn2-box{
    display: none;
}
.lists-guestbook .bg-image-ipad,.lists-single-branding .bg-image-ipad,.lists-single-about .bg-image-ipad{
    display: none;
}
.lists-single-branding .section5 .pad-title h2{
    display: none;
}
@media (max-width: 1032px) {
    /* .product07-title { font-size: 36px; } .product07-description { font-size: 14px; max-width: 90%; } .product07-container { padding: 30px 15px; } */
    
        .index .bg-image.bg-image-pc{
            display: none !important;
        }
        .index .bg-image.bg-image-ipad.bg-image-show{
            display: block !important;
    
        }
    
        .index .video-box{
            height: auto;
        }
        .index .video-box video{
            height: auto;
        }
    
    
    
    
        .container{
            max-width: calc(100% - 50px);
    
        }
        .index .container{
            max-width: calc(100% - 50px);
        }
    
    
        .index .community-grid{
            grid-template-columns: repeat(3, 1fr);
            gap: 25px 12.5px;
        }
    
        .index .community-image {
            height: 380px;
            border-radius: 25px;
        }
    
    
    
        .index .community-item:nth-of-type(n+7){
            display: none;
        }
    
        .index .hero{
            max-width: 100%;
        }
    
        .hero-heading{
            font-size: 60px;
            line-height: 60px;
            margin-top: 118px;
            margin-bottom: 118px;
        }
    
    
        .index .section-title{
            text-align: center;
        }
    
        .index .swiper2 .swiper2-title2 img{
            max-width: 88%;

        }
        .index .swiper2 .swiper-slide{
            background-image: url('/uploads/allimg/20261026/1-261026163932555.png') !important;
            background-size: 120% !important;
        }
        .navbar .nav-right .icon a{
            line-height: 20px;
        }

        .footer-grid{
            border-color: #c9caca;
            gap: 40px;
            grid-template-columns: 1fr;
            padding-top: 15px;
            margin-top: 15px;
        }
    
        .brand-logo img{
            width: 148px;
        }
        .hero-subtext{
            font-size: 18px;
            line-height: 22px;
        }
        .footer-column h3{
            font-size: 20px;
            line-height: 22px;
        }
        .footer-column>p{
            font-size: 14px;
            width: 65%;
            line-height: 18px;
        }
        .btn-more{
            font-size: 19px;
            padding: 4px 20px;
            margin-top: 16px;
        }
        .contact-form input{
            width: 50%;
        }
        .contact-form input::placeholder,  .contact-form textarea::placeholder{
            color: #757575;
        }
        .social-icon{
            width: auto;
            height: auto;
            font-size: 0;
        }
        .social-icon img{
            width: 36px;
            height: 36px;
        }
    
        .contact-form button{
            font-size: 19px;
            padding: 4px 20px;
            border-radius: 18px;
            margin-top: 16px;
        }
        .footer-grid .footer-column:last-child .terms-two-columns{
    
        
        }
        .footer-column li{
            width: 100%;
            margin-bottom: 10px;
        }
        .terms-two-columns li a{
            font-size: 14px;
        }
        .footer-bottom-bar{
            flex-direction: column-reverse;
        }

        .index .line.body{
            font-size: 44px;
        }
        

        .lists-single-about .panel{
            height: 200%;
            flex-direction: column;
        }
        .lists-single-about .left-panel{
            height: 50%;
            

        }
        .lists-single-about .right-panel{
            height: 50%;
        }
        .lists-single-about .product-text{
            top: 0;
            flex-direction: column;
            display: flex;
            justify-content: space-between;
            padding: 80px 25px;

        }
        .lists-single-about .left-panel h2{
            font-size: 62px;
            font-weight: bold;
            text-transform: uppercase;
            text-align: center;
            color: #1E2123;
        }
        .lists-single-about .left-panel h2::before{
            content: "ABOUT";
            display: block;
            text-align: center;
            color: #757575;
            font-size: 20px;
            font-family: 'InterDisplayMedium';
            margin-bottom: 28px;
        }

        .lists-single-about .left-panel p{
            text-align: center;
            font-size: 20px;
            font-family: 'InterDisplayMedium';
            color: #8D8D8E;
            line-height: 29px;
        }
         

        .lists-single-about .kf-box{

        }
        .lists-single-about .section5 .title{
            padding-left:50px;
            padding-top: 80px;
        }
        .lists-single-about #share-btn{
            display:none;
        }
        .lists-single-about .section5 .title .pad-title{
            font-size: 62px;
            font-weight: bold;
            text-transform: uppercase;
            text-align: center;
            color: #1E2123;
            display: block;
        }
        .lists-single-about .section5 .title .pad-title::before{
            content: "MOMENTS";
            display: block;
            text-align: center;
            color: #1D2734;
            font-size: 20px;
            font-family: 'InterDisplayMedium';
            margin-bottom: 28px;
        }

        .lists-single-about .section5 .share-btn2-box{
            display: block;
            text-align:center;
            margin-top: 80px;
        }
        .lists-single-about .section5 #share-btn2{
            width: 36px;
            height: 36px;
            display: inline-block;
            color: #fff;
            background-color: #1D2734;
            border-radius: 6px;
            line-height: 36px;
            cursor: pointer;
        }

        .lists-single-about .submit-btn{
            font-size: 19px;
        }


        .lists-guestbook .form-input{
            border-radius: 6px;
             
        }
        .lists-guestbook .form-container{
            width:100%;

        }
        .lists-guestbook .form-container>div{
            width:50%;
        }
        .lists-guestbook .form-container>div:nth-of-type(3){
            width:100%;

        }
        .lists-guestbook .submit-button{
            font-size: 19px;
        }
        .lists-guestbook .section-title{
            font-size: 17px;
            padding-bottom: 20px;
            border-bottom: 1px solid #ccc;
        }
        .lists-guestbook .bg-image,.lists-single-branding .bg-image,.lists-single-about .bg-image{
            display: none;
        }
        .lists-guestbook .bg-image-ipad, .lists-single-branding .bg-image-ipad,.lists-single-about .bg-image-ipad{
            display: block;
        }

        .lists-single-branding .bg-gray{
            background-image: url("/template/custom/pc/skin/images/typewriter2.jpg");
        }
        .lists-single-branding .typewriter-text{
            font-size: 50px;
            font-family: "InterDisplayLight";
        }

         
        .lists-single-branding .typewriter-text::after {top: -14px}
        .lists-single-branding .section4 .left{
            width: 100%;
        }
        .lists-single-branding .section4 .right .title1{
            font-size: 20px;
            width: 230px;
            line-height: 29px;
            height: 29px;
            font-family: "InterDisplayMedium";
        }
        .lists-single-branding .section4 .right .title2 {
            padding: 25px 0;
            font-size: 62px;
    }
    
        .lists-single-branding .section4 .right {
            padding: 65px 70px;
            background: transparent;
            position: absolute;
            width: 100%;
            color: #fff;
            bottom: 0;
        }
        .lists-single-branding .section4 .right .content2{
            font-size: 16px;
        }
        .lists-single-branding .section5{
            height: auto;
            display: flex;
            flex-direction: column;
        } 
        .lists-single-branding .section5 .content{
            padding: 65px 70px;
            order: 2;
            font-size: 16px;
        }
        .lists-single-branding .section5 .list{
            padding-bottom: 0;
        }
        .lists-single-branding .section5 .pad-title h2{
            font-size: 62px;
            font-weight: bold;
            text-transform: uppercase;
            text-align: center;
            color: #1E2123;
            display: block;
            padding-top: 80px;
        }

        .lists-single-branding .section5 .pad-title h2::before{
            content: "Wooah LINE";
            display: block;
            text-align: center;
            color: #1D2734;
            font-size: 20px;
            font-family: 'InterDisplayMedium';
            margin-bottom: 28px;
        }

    }



@media (max-width: 720px) {
.index .stage {padding-left: 5vw}
.index .hero {max-width: 90vw}
.index .line {white-space: normal}
}

@media (max-width: 480px) {

    .navbar .logo{
        padding: 0px 15px;
    }
    .navbar .nav-right{
        gap: 8px;
        padding: 0 15px 0 0;
    }
    .language-selector>a{
        padding: 0 2px 0 2px;
    }
    .language-selector img{
        display: none;
    }
    .navbar .nav-right .icon a{
        line-height: 20px;
    }
/* .navbar .nav-right { gap: 12px; } .menu-panel { width: 250px; padding: 80px 20px 40px; } .menu-item { font-size: 18px; } .hero-title { font-size: clamp(2rem, 12vw, 5rem); } */
.product-grid {grid-template-columns: 1fr}
/* .product07-title { font-size: 28px; } .product07-description { font-size: 13px; } .product07-container { padding: 20px 10px; } */



.index .swiper2 .img-box{
    height: 290px;
}

.index .swiper2 .text{
    font-size: 24px;
    line-height: 34px;
}
.index .swiper2 .btn{
    width: 100px;
    height: 30px;
    line-height: 30px;
    bottom: 14px;
}
.container{
    max-width: calc(100% - 30px);

}
.index .container{
    max-width: calc(100% - 30px);
}

.index .community-grid{
    grid-template-columns: repeat(1, 1fr);
    gap: 25px 12px;
}

.index .circle-img.logo{
    width: 232px;
    height: 25.902px;
}
.index .circle-img.woman{
    width: 62.96px;
    height: 25.902px;
}

.index .line.body{
    font-size: 22px;
    letter-spacing: 3px;
}
.index .circle-img.horse{
    width: 62.96px;
        height: 25.902px;
}


.lists-single-about .panel{
height: auto;
flex-direction: column;
}
.lists-single-about .left-panel{
    height: 390px;
    flex: none;
}

.lists-single-about .right-panel{
    height: 390px;
    flex: none;
}

.lists-single-about .form{
    padding: 15px;
}
.lists-single-about .form-header {
    margin-bottom: 0px;
}
.lists-single-about .form-header h1{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0px;
    line-height: 30px;
}
.lists-single-about .divider{
    margin: 16px 0;
}

.lists-single-about .form-desc{
    font-size: 18px;
    line-height: 22px;
}

.lists-single-about .section5 .list{
    padding-right: 0;
    flex-direction: column;
}

.lists-single-about .section5{
    height: auto;
}
.lists-single-about .section5 .list .item{
    margin-bottom: 15px;
}

.lists-single-about .post-modal {
    max-height: 75vh;
    max-width: 85%;
}
.lists-single-about .post-modal .post-modal-body{
    flex-direction: column;
}
.lists-single-about .post-modal .post-modal-body .post-modal-body-left{
    flex: none;
}
.lists-single-about .post-modal .post-modal-body .post-modal-body-left img{
    width: 100%;
}
.lists-single-about .post-modal .post-modal-body .post-modal-body-right{
    width: 100%;
}
.lists-single-about .post-modal textarea{
    height: auto;
}
.lists-single-about .post-modal-mask .post-modal-colse{
    right: 5px;
}
.lists-single-about .form-group-cell{
    margin-top: 20px;
}
.lists-single-about .form-group{
    margin-bottom: 12px;
}
.lists-single-about .checkbox-item{
    margin-bottom: 5px !important;
}
.lists-single-about .left-panel h2{
    font-size: 24px;
    margin-bottom: 20px;
}
.lists-single-about .left-panel p{
    font-size: 12px; 
}


.footer-grid .footer-column:last-child .terms-two-columns{
    flex-wrap: wrap;
}

.lists-product .product-grid{
    grid-template-columns: repeat(1, 1fr);
}


.lists-single-branding .typewriter-text{
    font-size: 32px;
}
.lists-single-branding .typewriter-text::after{
    top: -10px;
    width: 0.5em;
    height: 3px;
}
.lists-single-branding .section4{
    height: auto;
flex-direction: column;
}

.lists-single-branding .section4 .left{
    height: 390px;
    flex: none;
    width: 100%;
}
.lists-single-branding .section4 .right{
    height: auto;
    flex: none;
    width: 100%;

}

.lists-single-branding .section5 .content{
    padding: 75px 50px 0 50px;
}

.lists-guestbook .bg-image{
    background-position: center !important;
}
.lists-guestbook .form-container{
    width: 100%;
}
.lists-guestbook .info-section{
    padding: 30px 0;
    max-width: calc(100% - 30px);
}


.index .community-grid {grid-template-columns: repeat(1, 1fr)}
.lists-single-community .container{
    max-width: calc(100% - 30px);
}
.lists-single-community .community-grid {grid-template-columns: repeat(1, 1fr)}

.view-article-community .container{
    max-width: calc(100% - 30px);

}

.view-article-community .c-box .c-img{
    height: 500px;
}

.view-product .product05-container{
    padding: 15px;
    flex-wrap: wrap;
}
.view-product .product05-main-image-wrapper {
    flex: 0 0 100%;

}
.view-product .product05-thumbnails-wrapper{
    display: none;
}
.view-product .product05-info{
    flex: 0 0 100%;

}
.view-product .swiper2 .swiper-buyBtn{
    right: 15px;
}
.view-product .product-heading{
    font-size: 32px;
}
.view-product .product02-container{
    height: 600px;
}
.view-product .product02-header{
    padding: 15px;
}
.view-product .product02-blade-image{
    height: 600px;
    object-fit: contain;
}
.view-product .product02-label, .product07-label{
    margin-bottom: 10px;
}
.view-product .product02-title, .product07-title{
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 15px;
}
.view-product .product03-container{
    height: auto;
    padding-bottom: 20px;

}
.view-product .product03-features{
    padding: 15px;
        position: relative;
        right: 0;
        top: 0;
}
.view-product .product03-description{
    position: relative;
        right: 0;
        top: 0;
}
.view-product .product04-container{
    padding-bottom: 20px;
    height: auto;

}

.view-product .product04-features{
    position: relative;
    right: 0;
    top: 0;
    bottom: 0;
    gap: 20px;
    flex-direction: column;
    padding: 15px;


}
.view-product .product04-feature-card{
    width: 100%;
}
.view-product .product07-container{
    padding-bottom: 20px;
    height: auto;
}
.view-product .product07-features{
    position: relative;
    right: 0;
    top: -180px;
    bottom: 0;
    gap: 20px;
    flex-direction: column;
    padding: 15px;
}
.view-product .product08-container{
    padding: 15px;
}
.view-product .product09-container{
    padding: 15px;
}
.view-product .product09-list{
    gap: 15px;
    flex-wrap: wrap;
}
.view-product .product09-item{
    flex: 0 0 100%;
}

.view-product .product07-header{
    padding: 15px;
}
.view-product .product07-label, .product07-label {
    margin-bottom: 10px;
}

.view-product .product07-title, .product07-title {
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 15px;
}
.view-product .product07-blade-image{
    height: 600px;
    object-fit: contain;
}
.view-product .product06-image-wrapper{
    margin-bottom: 0;
}


.login-container{
    width: 96%;
}
.login-container .button-group{
    gap: 10px;
    grid-template-columns: repeat(1, 1fr);
}
.login-container .btn-primary{
    height: 37.5px;
    padding: 0;
}
.login-container .btn-google{
    padding: 8.75px 12.5px;

}
.login-container .login-link a{
    min-width: 112px;
}
.login-container .form-group{
    margin-bottom: 10px;
}
.login-container .login-link{
    margin-top: 10px;
}
.login-container input[type="text"], .login-container input[type="email"], .login-container input[type="password"]{
    padding: 8px 10px;
}

.login-container .code-toggle{
    padding: 8px 16px;

}
.coupon-modal{
    background-size: cover;
}

/* iOS 26 Liquid Glass Side Menu - 480px 响应式：整体等比缩放，mask 弧形随面板同步缩放 */
.side-menu{
    top: 240px;
    -webkit-mask: url(#sideMenuShape);
    mask: url(#sideMenuShape);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transform: translateY(-50%) scale(0.66);
    transform-origin: right center;
}
.side-menu.active{
    /* top: 50%; */
    top: 240px;
}
.side-menu a{
    font-size: 1.9rem;
    margin: 13px 0;
}

/* ==== lists_single_community create-box 480px 响应式 ==== */
.lists-single-community .create-box {margin-top: 0}
.lists-single-community .create-box .create-head {padding: 10px 15px; font-size: 16px}
.lists-single-community .create-box .create-btn {font-size: 16px; padding: 6px 12px}
.lists-single-community .create-box .create-body {width: 100%; margin-top: 25px; padding: 0 15px; box-sizing: border-box}
.lists-single-community .create-box .create-body .create-body-left {width: 100%; height: 240px}
.lists-single-community .create-box .create-body .create-body-right {width: 100%}
.lists-single-community .create-box #myDropzone.dropzone .dz-preview.dz-image-preview{
    display: none;
}
/* ==== share-modal 480px 响应式 ==== */
.lists-single-community .share-modal {width: calc(100% - 30px); max-width: 600px; padding: 10px 0; box-sizing: border-box}
.lists-single-community .share-modal .share-body {padding: 0 15px}
.lists-single-community .share-modal .share-web-title {font-size: 18px}
.lists-single-community .share-modal .share-web-desc {font-size: 13px; line-height: 1.5}

/* ==== view_product share-modal 480px 响应式 ==== */
.view-product .share-modal {width: calc(100% - 30px); max-width: 600px; padding: 10px 0; box-sizing: border-box}
.view-product .share-modal .share-body {padding: 0 15px}
.view-product .share-modal .share-web-title {font-size: 18px}
.view-product .share-modal .share-web-link {font-size: 12px; line-height: 1.5; word-break: break-all}

}

/* ==== Cookie 同意条（header） ==== */
.cookie-banner {position: fixed;top: 0;left: 0;right: 0;z-index: 99999;background: #000;color: #fff;display: none;flex-wrap: wrap;align-items: center;gap: 15px;padding: 10px 20px;font-size: 12.5px;line-height: 1.5;box-sizing: border-box}
.cookie-banner-text {flex: 1;min-width: 260px}
.cookie-privacy-link {color: #fff;text-decoration: underline;display: inline-flex;align-items: center;gap: 4px;margin-left: 6px;transition: opacity .2s}
.cookie-privacy-link:hover {opacity: .75}
.cookie-banner-actions {display: flex;align-items: center;gap: 8px;flex-shrink: 0}
.cookie-btn {border: 1px solid #fff;background: #fff;color: #000;font-size: 12.5px;padding: 5px 16px;border-radius: 4px;cursor: pointer;font-family: inherit;transition: opacity .2s}
.cookie-btn:hover {opacity: .8}
.cookie-btn-pref {background: #000;color: #fff}
.cookie-pref-panel {display: none;width: 100%;align-items: center;gap: 20px;flex-wrap: wrap;border-top: 1px solid rgba(255, 255, 255, .25);padding-top: 10px}
.cookie-pref-panel.show {display: flex}
.cookie-switch {display: inline-flex;align-items: center;gap: 6px;cursor: pointer}
.cookie-switch input {accent-color: #fff;width: 15px;height: 15px;cursor: pointer}
.cookie-switch input:disabled {cursor: not-allowed}

@media (max-width: 480px) {
.cookie-banner {padding: 10px 15px;flex-direction: column;align-items: flex-start;gap: 10px}
.cookie-banner-actions {width: 100%;justify-content: flex-end}
}