/* page-buy-products 页面样式（由内联 <style> 外置；来源：/buy.php 页面样式） */
            /* 产品购买页面特殊样式 */
            .product-purchase-container {
                display: flex;
                gap: 20px;
                height: calc(100vh - 140px);
            }

            /* 左侧产品分类侧边栏 */
            .product-sidebar {
                width: calc((100% - 22px) / 4);
                flex-shrink: 0;
                background: #fff;
                border-radius: 12px;
                border: 1px solid #e5e6eb;
                box-shadow: 0 10px 26px rgba(15, 23, 42, 0.08);
                overflow: hidden;
                display: flex;
                flex-direction: column;
            }

            .product-search {
                padding: 12px 8px 10px;
                border-bottom: 1px solid #edf1f7;
                background: linear-gradient(180deg, #fafcff 0%, #ffffff 100%);
            }

            .product-search-box {
                position: relative;
            }

            .product-search-box input {
                width: 100%;
                height: 38px;
                padding: 8px 30px;
                border: 1px solid #dcdfe6;
                border-radius: 8px;
                outline: none;
                font-size: 13px;
                background: #fff;
                color: #303133;
                transition: all 0.2s;
            }

            .product-search-box input:focus {
                border-color: var(--sk-brand, #165dff);
                box-shadow: 0 0 0 2px rgba(64, 128, 255, 0.16);
            }

            .product-search-icon {
                position: absolute;
                left: 10px;
                top: 50%;
                transform: translateY(-50%);
                color: #86909c;
                font-size: 14px;
            }

            .product-search-clear {
                position: absolute;
                right: 10px;
                top: 50%;
                transform: translateY(-50%);
                color: #86909c;
                cursor: pointer;
                display: none;
                font-size: 14px;
            }

            .product-search-clear:hover {
                color: #4e5969;
            }

            .product-menu {
                flex: 1;
                overflow-y: auto;
                padding: 8px;
            }

            .product-menu-item {
                margin-bottom: 8px;
            }

            .product-menu-title {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 10px 8px;
                cursor: pointer;
                font-weight: 600;
                color: #303133;
                border-radius: 8px;
                border: 1px solid transparent;
                background: #fff;
                transition: all 0.2s;
            }

            .product-menu-title:hover {
                background: #f2f7ff;
                border-color: #dbe7ff;
                color: var(--sk-brand, #165dff);
            }

            .product-menu-title.active {
                background: #ecf5ff;
                border-color: #b3d8ff;
                color: var(--sk-brand, #165dff);
                box-shadow: inset 0 0 0 1px rgba(64, 128, 255, 0.12);
            }

            .product-menu-main {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                min-width: 0;
            }

            .product-menu-name {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .product-menu-count {
                font-size: 11px;
                line-height: 1;
                color: var(--sk-brand, #165dff);
                background: #e8f3ff;
                border: 1px solid #cbe2ff;
                border-radius: 999px;
                padding: 3px 7px;
                min-width: 22px;
                text-align: center;
            }

            .product-menu-arrow {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 16px;
                height: 16px;
                font-size: 12px;
                color: #94a3b8;
                transition: transform 0.2s ease;
            }

            .product-menu-arrow::before {
                content: "";
                width: 6px;
                height: 6px;
                border-right: 2px solid currentColor;
                border-bottom: 2px solid currentColor;
                transform: rotate(45deg);
                margin-top: -3px;
            }

            .product-menu-title.active .product-menu-arrow {
                transform: rotate(180deg);
                color: #3b82f6;
            }

            .product-menu-title[data-first-group="-1"] {
                background: linear-gradient(135deg, rgba(239, 68, 68, 0.10) 0%, rgba(220, 38, 38, 0.06) 100%);
                border-color: rgba(220, 38, 38, 0.25);
                color: #b91c1c;
            }

            .product-menu-title[data-first-group="-1"]:hover {
                background: linear-gradient(135deg, rgba(239, 68, 68, 0.14) 0%, rgba(220, 38, 38, 0.09) 100%);
                border-color: rgba(220, 38, 38, 0.35);
                color: #b91c1c;
            }

            .product-menu-title[data-first-group="-1"].active {
                background: linear-gradient(135deg, rgba(239, 68, 68, 0.16) 0%, rgba(220, 38, 38, 0.10) 100%);
                border-color: rgba(220, 38, 38, 0.40);
                color: #b91c1c;
                box-shadow: inset 0 0 0 1px rgba(239, 68, 68, 0.14);
            }

            .product-menu-title[data-first-group="-1"] .product-menu-arrow,
            .product-menu-title[data-first-group="-1"].active .product-menu-arrow {
                color: rgba(185, 28, 28, 0.9);
            }

            .product-submenu {
                display: none;
                background: transparent;
                margin-top: 6px;
                padding-left: 8px;
            }

            .product-submenu.show {
                display: block;
            }

            .product-submenu-item {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 9px 10px;
                cursor: pointer;
                color: #4b5563;
                font-size: 13px;
                border-radius: 8px;
                border: 1px solid transparent;
                background: #f8fafc;
                transition: all 0.2s;
                text-decoration: none;
                margin-bottom: 6px;
            }

            .product-submenu-item:hover {
                background: #f2f7ff;
                border-color: #dbe7ff;
                color: var(--sk-brand, #165dff);
            }

            .product-submenu-item.active {
                background: #ecf5ff;
                border-color: #b3d8ff;
                color: var(--sk-brand, #165dff);
            }

            .product-submenu-item-content {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                min-width: 0;
            }

            .product-submenu-name {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .product-submenu-count {
                font-size: 11px;
                color: #64748b;
                background: #f1f5f9;
                border: 1px solid #e2e8f0;
                border-radius: 999px;
                padding: 2px 6px;
                line-height: 1;
            }

            .product-submenu-tag {
                font-size: 11px;
                padding: 3px 8px;
                background: linear-gradient(135deg, rgba(22, 93, 255, 0.12) 0%, rgba(0, 180, 255, 0.10) 100%);
                border: 1px solid rgba(22, 93, 255, 0.28);
                border-radius: 999px;
                color: var(--sk-brand, #165dff);
                font-weight: 600;
            }

            /* 右侧产品内容 */
            .product-content {
                flex: 1;
                min-width: 0;
                overflow-y: auto;
            }

            .product-header {
                margin-bottom: 20px;
            }

            /* 分类标题 + 介绍：独立大胶囊（与公告框分开） */
            .product-header-capsule {
                background: #fff;
                border: 1px solid #e3eaf4;
                border-radius: 12px;
                padding: 18px 22px 17px;
                box-shadow: 0 3px 14px rgba(15, 23, 42, 0.035);
                position: relative;
                overflow: hidden;
            }

            .product-header-capsule::before {
                content: "";
                position: absolute;
                inset: 16px auto 16px 0;
                width: 3px;
                border-radius: 0 3px 3px 0;
                background: #3978e8;
            }

            .product-breadcrumb {
                font-size: 13px;
                color: #86909c;
                margin-bottom: 10px;
            }

            .product-breadcrumb a {
                color: var(--sk-brand, #165dff);
                text-decoration: none;
            }

            .product-header-title {
                font-size: 22px;
                font-weight: 600;
                color: #1d2129;
                margin: 0 0 8px 0;
            }

            .product-header-desc {
                font-size: 14px;
                color: #4e5969;
                margin: 0;
                line-height: 1.75;
                max-width: 720px;
            }

            /* 产品网格 */
            .product-grid {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 16px;
            }

            /* 响应式产品网格 */
            @media (max-width: 1400px) {
                .product-grid {
                    grid-template-columns: repeat(3, 1fr);
                }
            }

            @media (max-width: 1100px) {
                .product-grid {
                    grid-template-columns: repeat(2, 1fr);
                }
            }

            @media (max-width: 600px) {
                .product-grid {
                    grid-template-columns: repeat(1, 1fr);
                    gap: 12px;
                }
                .product-card-header {
                    padding: 12px 15px;
                }
                .product-card-specs {
                    padding: 16px 18px;
                }
                .product-card-pricing {
                    padding: 12px 15px;
                }
                .product-card-footer {
                    padding: 12px 15px;
                }
                .product-card-name {
                    font-size: 14px;
                }
                .product-price-current {
                    font-size: 22px;
                }
            }

            /* 产品卡片 - 新样式 */
            .product-card {
                background: #fff;
                border-radius: 0;
                box-shadow: 0 1px 4px rgba(0,0,0,.06);
                overflow: hidden;
                position: relative;
                transition: box-shadow 0.25s ease, border-color 0.25s ease;
                border: 1px solid #e5e6eb;
                display: flex;
                flex-direction: column;
                height: 100%;
            }

            .product-card:hover {
                box-shadow: 0 4px 12px rgba(0,0,0,.1);
                border-color: var(--sk-brand, #165dff);
            }

            .product-card-header {
                padding: 16px 20px;
                border-bottom: 1px solid #f5f5f5;
                background: #fff;
            }

            .product-card-name {
                font-size: 16px;
                font-weight: 600;
                color: #1d2129;
                display: flex;
                align-items: center;
                gap: 8px;
            }

            .product-stock-badge {
                display: inline-flex;
                align-items: center;
                padding: 4px 10px;
                line-height: 1;
                font-size: 11px;
                font-weight: 600;
                color: #4e5969;
                background: #f4f7fc;
                border-radius: 999px;
                border: 1px solid #e0e8f2;
                white-space: nowrap;
            }

            .product-stock-badge.low-stock {
                color: #d25f00;
                background: #fff7e8;
                border-color: #ffe4ba;
            }

            .product-stock-badge.out-of-stock {
                color: #f53f3f;
                background: #ffece8;
                border-color: #f7a2a1;
            }

            .product-stock-badge.in-stock {
                color: #0f9d58;
                background: #edfaf3;
                border-color: #bce8d2;
            }

            /* 配置参数区域 */
            .product-card-specs {
                padding: 18px 22px;
                background: #fff;
                min-width: 0;
                word-break: break-word;
                overflow-wrap: break-word;
                font-size: 14.5px;
                line-height: 1.85;
                height: var(--product-card-spec-height, auto);
                min-height: calc(14.5px * 1.85 * 6 + 36px);
                overflow: hidden;
                scrollbar-width: thin;
                scrollbar-color: rgba(22, 93, 255, 0.45) transparent;
            }

            .product-card-specs:hover,
            .product-card-specs:focus-within {
                overflow-y: auto;
            }

            .product-card-specs::-webkit-scrollbar {
                width: 6px;
            }

            .product-card-specs::-webkit-scrollbar-thumb {
                background: rgba(22, 93, 255, 0.38);
                border-radius: 999px;
            }

            .product-card-specs::-webkit-scrollbar-track {
                background: transparent;
            }

            .product-card-specs button,
            .product-card-specs [role="button"] {
                position: relative;
                z-index: 1;
            }

            .product-card-specs #configModal,
            .product-card-specs .product-desc-modal,
            .product-card-specs [data-product-modal] {
                pointer-events: none;
                opacity: 0;
                visibility: hidden;
            }

            .product-spec-item {
                font-size: 14.5px;
                color: #4e5969;
                line-height: 1.9;
                display: flex;
                gap: 6px;
            }

            .product-spec-item .spec-label {
                color: #1d2129;
                font-weight: 500;
            }

            .product-spec-item .spec-value {
                color: #4e5969;
            }

            .product-spec-item .spec-highlight {
                color: var(--sk-brand, #165dff);
            }

            .product-card-specs ul,
            .product-card-specs ol {
                margin: 2px 0;
                padding-left: 22px;
            }

            .product-card-specs li {
                word-break: break-word;
                word-wrap: break-word;
                white-space: normal;
                overflow-wrap: break-word;
                line-height: 1.75;
                margin-bottom: 6px;
            }

            .product-card-note {
                font-size: 12px;
                color: #86909c;
                margin-top: 8px;
                padding-top: 8px;
                border-top: 1px dashed #f2f3f5;
            }

            /* 价格区域：库存徽章靠左 + 价格靠右 */
            .product-card-pricing {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 10px;
                padding: 14px 16px;
                background: #f7f8fa;
                border-top: 1px solid #f2f3f5;
                margin-top: auto;
            }

            .product-price-box {
                display: flex;
                flex-direction: column;
                align-items: flex-end;
                text-align: right;
                min-width: 0;
                margin-left: auto;
                white-space: nowrap;
            }

            .product-price-main {
                display: flex;
                align-items: baseline;
                flex-wrap: wrap;
                gap: 6px;
                margin-bottom: 4px;
            }

            .product-price-current {
                font-size: 24px;
                font-weight: 700;
                color: #ff4757;
            }

            .product-price-period {
                font-size: 14px;
                color: #86909c;
            }

            .product-price-sub {
                display: flex;
                align-items: center;
                gap: 8px;
                margin-top: 4px;
            }

            .product-discount-badge {
                font-size: 12px;
                background: #fff5f5;
                color: #ff4757;
                padding: 2px 8px;
                border-radius: 8px;
                font-weight: 500;
            }

            .product-price-original {
                font-size: 13px;
                color: #86909c;
                text-decoration: line-through;
            }

            /* 购买按钮 */
            .product-card-footer {
                padding: 16px 20px;
                background: #fff;
            }

            .product-card-footer .arco-btn,
            .product-card-footer .arco-btn {
                width: 100%;
                height: 42px;
                line-height: 40px;
                font-size: 15px;
                border-radius: 8px;
                text-align: center;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                text-decoration: none;
                font-weight: 600;
                border: 1px solid transparent;
            }

            .product-card-footer .arco-btn-primary,
            .product-card-footer .arco-btn-normal {
                background: var(--sk-brand, #165dff);
                border-color: var(--sk-brand, #165dff);
                color: #fff;
            }

            .product-card-footer .arco-btn-primary:hover,
            .product-card-footer .arco-btn-normal:hover {
                background: #0e42d2;
                border-color: #0e42d2;
                color: #fff;
            }

            /* 售罄状态 */
            .product-card.sold-out {
                opacity: 0.8;
            }

            .product-card.sold-out .product-card-footer .arco-btn,
            .product-card.sold-out .product-card-footer .arco-btn {
                background: #d9d9d9 !important;
                border-color: #d9d9d9 !important;
                color: #8c8c8c !important;
                cursor: not-allowed;
                pointer-events: none;
            }

            /* 隐藏旧的角标 */
            .product-card-badge {
                display: none;
            }

            /* 旧样式兼容 - 隐藏 */
            .product-card-desc {
                display: none;
            }

            .product-price-row {
                display: none;
            }

            .product-stock-tag {
                display: none;
            }

            /* 空状态 */
            .product-empty {
                text-align: center;
                padding: 80px 20px;
                background: #fff;
                border-radius: 8px;
            }

            .product-empty-icon {
                font-size: 64px;
                color: #d9d9d9;
                margin-bottom: 20px;
            }

            .product-empty-title {
                font-size: 18px;
                color: #1d2129;
                margin-bottom: 8px;
            }

            .product-empty-desc {
                font-size: 14px;
                color: #86909c;
            }

            .product-grid-loading {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 14px;
                min-height: 260px;
                padding: 44px 24px;
                background:
                    linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(247, 250, 255, 0.96) 100%),
                    repeating-linear-gradient(90deg, rgba(229, 234, 243, 0.35) 0, rgba(229, 234, 243, 0.35) 1px, transparent 1px, transparent 42px);
                border: 1px solid #e5eaf3;
                border-radius: 12px;
                color: #4e5969;
                font-size: 14px;
                box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
            }

            .product-loading-spinner {
                width: 34px;
                height: 34px;
                border-radius: 50%;
                border: 3px solid #dbe8ff;
                border-top-color: var(--sk-brand, #165dff);
                box-shadow: 0 0 0 8px rgba(22, 93, 255, 0.06);
                animation: productSpin 0.8s linear infinite;
            }

            .product-loading-text {
                color: #1d2129;
                font-weight: 600;
            }

            .product-loading-desc {
                color: #86909c;
                font-size: 13px;
            }

            .product-loading-skeleton {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 12px;
                width: min(520px, 100%);
                margin-top: 8px;
            }

            .product-loading-skeleton span {
                display: block;
                height: 8px;
                border-radius: 999px;
                background: linear-gradient(90deg, #eef3fb 0%, #dfe9f8 45%, #eef3fb 100%);
                background-size: 180% 100%;
                animation: productSkeleton 1.1s ease-in-out infinite;
            }

            @keyframes productSpin {
                to { transform: rotate(360deg); }
            }

            @keyframes productSkeleton {
                0% { background-position: 100% 0; }
                100% { background-position: -100% 0; }
            }

            /* 移动端响应式 */
            @media (max-width: 1024px) {
                .product-purchase-container {
                    flex-direction: column;
                    height: auto;
                    width: 100%;
                    min-width: 0;
                }

                /* 移动端给底部固定导航预留空间，避免最后一个购买按钮被遮挡 */
                .product-content {
                    width: 100%;
                    min-width: 0;
                    max-width: 100%;
                    overflow-y: visible;
                    padding-bottom: calc(180px + env(safe-area-inset-bottom));
                }

                .product-grid {
                    width: 100%;
                    min-width: 0;
                    padding-bottom: 20px;
                }

                .product-grid-loading {
                    min-height: 220px;
                    padding: 36px 18px;
                }

                .product-loading-skeleton {
                    grid-template-columns: 1fr;
                    max-width: 260px;
                }

                .product-sidebar,
                .sidebar-toggle-btn,
                .sidebar-close-btn,
                .sidebar-overlay {
                    display: none !important;
                }
            }

            /* 默认隐藏移动端分类入口 */
            .mobile-category-menu {
                display: none;
            }

            body.user-arco-body--sidebarless .user-arco-main {
                padding-top: 28px;
                padding-left: 36px;
            }

            body.user-arco-body--sidebarless .uc-footer {
                padding-left: 36px;
            }

            .product-purchase-container {
                height: auto;
                min-height: calc(100vh - 190px);
                align-items: flex-start;
                gap: 22px;
            }

            .product-sidebar {
                position: sticky;
                top: calc(var(--uc-topbar-h, 64px) + 20px);
                max-height: calc(100vh - var(--uc-topbar-h, 64px) - 36px);
                border-color: #e4e9f1;
                border-radius: 14px;
                box-shadow: 0 2px 8px rgba(16, 24, 40, .04);
            }

            .product-menu {
                min-height: 0;
            }

            .product-menu-title,
            .product-submenu-item {
                border-radius: 8px;
            }

            .product-menu-title.active,
            .product-submenu-item.active {
                background: #eff5ff;
                border-color: #d7e5fb;
                box-shadow: none;
                color: #2458bd;
            }

            .product-header-capsule {
                border-color: #e5eaf1;
                border-radius: 12px;
                background: #fff;
                box-shadow: 0 3px 14px rgba(16, 24, 40, .035);
            }

            .product-header-title {
                color: #172033;
                font-size: 25px;
                letter-spacing: -.03em;
            }

            .product-header-desc {
                color: #718096;
                line-height: 1.65;
            }

            .product-content {
                min-width: 0;
                overflow: visible;
            }

            .product-card {
                border-color: #e5eaf1;
                border-radius: 14px;
                box-shadow: 0 2px 8px rgba(16, 24, 40, .035);
            }

            .product-card:hover {
                border-color: #c9d7ec;
                box-shadow: 0 10px 24px rgba(16, 24, 40, .08);
                transform: translateY(-2px);
            }

            .product-card-header {
                background: #fff;
                border-bottom-color: #edf0f5;
            }

            .product-card-pricing {
                background: #f8fafc;
                border-top-color: #edf0f5;
            }

            .product-price-current {
                color: #172033;
                font-variant-numeric: tabular-nums;
            }

            .product-card-footer .arco-btn-primary,
            .product-card-footer .arco-btn-normal {
                border-radius: 8px;
                background: #2563eb;
                box-shadow: none;
            }

            .product-card-footer .arco-btn-primary:hover,
            .product-card-footer .arco-btn-normal:hover {
                background: #1d4ed8;
                box-shadow: none;
            }

            @media (max-width: 960px) {
                body.user-arco-body--sidebarless .user-arco-main {
                    padding-left: 20px;
                }

                body.user-arco-body--sidebarless .uc-footer {
                    padding-left: 20px;
                }
            }

            @media (max-width: 640px) {
                body.user-arco-body--sidebarless .user-arco-main {
                    padding-top: 20px;
                    padding-left: 14px;
                }

                body.user-arco-body--sidebarless .uc-footer {
                    padding-left: 14px;
                }

                .product-header-capsule {
                    padding: 16px 16px 15px 18px;
                }

                .product-header-title {
                    font-size: 21px;
                }
            }

            body.user-arco-body--sidebarless .user-arco-main__inner {
                width: min(1320px, 100%);
            }

            .product-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 16px;
            }

            .product-card {
                min-width: 0;
            }

            @media (max-width: 1100px) {
                .product-grid {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                }
            }

            @media (max-width: 640px) {
                .product-grid {
                    grid-template-columns: minmax(0, 1fr);
                }
            }

            @media (max-width: 640px) {
                .product-content,
                .product-grid,
                .product-card {
                    width: 100%;
                    min-width: 0;
                    max-width: 100%;
                }

                .product-card > *,
                .product-card-header,
                .product-card-specs,
                .product-card-pricing,
                .product-card-footer {
                    width: 100%;
                    min-width: 0;
                    max-width: 100%;
                    box-sizing: border-box;
                }

                .product-card-pricing {
                    flex-wrap: wrap;
                }

                .product-price-box {
                    max-width: 100%;
                }
            }

            .product-sidebar-mobile-header {
                display: none;
            }

            .product-sidebar-overlay {
                display: none;
            }

            @media (max-width: 1024px) {
                body.product-category-drawer-open {
                    overflow: hidden;
                }

                .mobile-category-menu {
                    display: block !important;
                    padding: 0;
                    margin: 0 0 14px;
                    border: 0;
                    border-radius: 0;
                    background: transparent;
                    box-shadow: none;
                }

                .mobile-category-trigger {
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    width: 100%;
                    min-height: 48px;
                    padding: 0 14px;
                    border: 1px solid #e1e7ef;
                    border-radius: 11px;
                    background: #fff;
                    color: #344054;
                    text-align: left;
                    box-shadow: 0 2px 8px rgba(16, 24, 40, .035);
                    cursor: pointer;
                }

                .mobile-category-trigger-icon {
                    display: flex;
                    flex: 0 0 18px;
                    flex-direction: column;
                    gap: 3px;
                    width: 18px;
                }

                .mobile-category-trigger-icon span {
                    display: block;
                    width: 17px;
                    height: 2px;
                    border-radius: 2px;
                    background: #42628f;
                }

                .mobile-category-trigger-icon span:nth-child(2) {
                    width: 12px;
                }

                .mobile-category-trigger-label {
                    flex: 0 0 auto;
                    font-size: 13px;
                    font-weight: 650;
                }

                .mobile-category-trigger-current {
                    min-width: 0;
                    overflow: hidden;
                    color: #667085;
                    font-size: 13px;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

                .mobile-category-trigger-arrow {
                    flex: 0 0 8px;
                    width: 8px;
                    height: 8px;
                    margin-left: auto;
                    border-top: 1.5px solid #98a2b3;
                    border-right: 1.5px solid #98a2b3;
                    transform: rotate(45deg);
                }

                .product-sidebar {
                    position: fixed;
                    z-index: 1105;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    display: flex !important;
                    width: min(360px, 88vw);
                    max-height: none;
                    height: 100vh;
                    height: 100dvh;
                    border: 0;
                    border-radius: 0 16px 16px 0;
                    box-shadow: 12px 0 36px rgba(16, 24, 40, .18);
                    transform: translateX(-105%);
                    transition: transform .22s ease;
                    visibility: hidden;
                    pointer-events: none;
                }

                .product-sidebar.is-mobile-open {
                    display: flex !important;
                    transform: translateX(0);
                    visibility: visible;
                    pointer-events: auto;
                }

                .product-sidebar-mobile-header {
                    display: flex;
                    flex: 0 0 auto;
                    align-items: center;
                    justify-content: space-between;
                    min-height: 58px;
                    padding: 0 16px;
                    border-bottom: 1px solid #edf1f7;
                    color: #1f2937;
                    font-size: 16px;
                    font-weight: 700;
                }

                .product-sidebar-close {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    width: 34px;
                    height: 34px;
                    padding: 0;
                    border: 1px solid #e5eaf1;
                    border-radius: 9px;
                    background: #fff;
                    color: #667085;
                    cursor: pointer;
                }

                .product-sidebar-close span,
                .product-sidebar-close span::after {
                    display: block;
                    width: 14px;
                    height: 1.5px;
                    border-radius: 2px;
                    background: currentColor;
                }

                .product-sidebar-close span {
                    transform: rotate(45deg);
                }

                .product-sidebar-close span::after {
                    content: "";
                    transform: rotate(90deg);
                }

                .product-sidebar-overlay {
                    position: fixed;
                    z-index: 1104;
                    inset: 0;
                    background: rgba(15, 23, 42, .42);
                    backdrop-filter: blur(1px);
                    -webkit-backdrop-filter: blur(1px);
                }

                body.product-category-drawer-open .product-sidebar-overlay {
                    display: block;
                }
            }

            .product-page-intro-row {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 16px;
                min-height: 48px;
                margin: 0 0 18px;
            }

            .product-page-intro {
                display: flex;
                align-items: baseline;
                flex-wrap: wrap;
                gap: 5px 12px;
                min-width: 0;
            }

            .product-promo-notice {
                flex: 1 1 auto;
                min-width: 180px;
                margin: 0;
                padding: 9px 16px;
                border: 1px solid #f04438;
                border-radius: 10px;
                background: linear-gradient(110deg, #ff3d2e 0%, #ff6a00 55%, #ff9f00 100%);
                box-shadow: 0 6px 18px rgba(240, 68, 56, .2);
                display: flex;
                align-items: center;
                gap: 10px;
            }

            .product-promo-notice__icon {
                flex: 0 0 auto;
                color: #fff;
                font-size: 20px;
            }

            .product-promo-notice__content {
                min-width: 0;
                color: #fff;
                font-size: 14px;
                font-weight: 700;
                line-height: 1.6;
            }

            .product-page-intro strong {
                color: #253248;
                font-size: 20px;
                font-weight: 700;
                letter-spacing: -.01em;
            }

            .product-page-intro span {
                color: #8793a5;
                font-size: 15px;
            }

            .product-return-link {
                flex: 0 0 auto;
                display: inline-flex;
                align-items: center;
                gap: 8px;
                min-height: 42px;
                padding: 0 13px;
                border: 1px solid #e1e7ef;
                border-radius: 9px;
                background: #fff;
                color: #526078;
                font-size: 13px;
                font-weight: 600;
                text-decoration: none;
                transition: color .16s ease, border-color .16s ease, background-color .16s ease;
            }

            .product-return-link:hover {
                border-color: #b8ccef;
                background: #f8faff;
                color: var(--sk-brand, #165dff);
            }

            .product-return-link-arrow {
                position: relative;
                width: 14px;
                height: 1.5px;
                border-radius: 2px;
                background: currentColor;
            }

            .product-return-link-arrow::before {
                position: absolute;
                top: -3px;
                left: 0;
                width: 7px;
                height: 7px;
                border-bottom: 1.5px solid currentColor;
                border-left: 1.5px solid currentColor;
                content: "";
                transform: rotate(45deg);
            }

            @media (max-width: 640px) {
                .product-page-intro-row {
                    min-height: 42px;
                    margin-bottom: 14px;
                    flex-wrap: wrap;
                }

                .product-promo-notice {
                    order: 3;
                    flex: 1 0 100%;
                    min-width: 0;
                }

                .product-page-intro {
                    gap: 3px 8px;
                }

                .product-page-intro strong {
                    font-size: 17px;
                }

                .product-page-intro span {
                    font-size: 13px;
                }

                .product-return-link {
                    min-height: 36px;
                    padding: 0 10px;
                    font-size: 12px;
                }
            }

            @media (max-width: 1024px) {
                .product-header {
                    display: flex;
                    flex-direction: column;
                }

                .product-notice-box {
                    order: 0;
                }

                .mobile-category-menu {
                    order: 1;
                }

                .product-header-capsule {
                    order: 2;
                }
            }

            @media (min-width: 961px) {
                body.user-arco-body--sidebarless .user-arco-main {
                    padding-right: 0;
                    padding-left: 0;
                }

                body.user-arco-body--sidebarless .user-arco-main__inner {
                    width: min(1140px, calc(100vw - 40px));
                }
            }

/* 云悠风格产品卡片：规格分行、价格靠右、按钮固定底部 */
.product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.product-card {
    min-width: 0;
    border: 1px solid #e3e7ee;
    border-radius: 14px;
    background:
        linear-gradient(165deg, rgba(37, 99, 235, .08) 0%, rgba(37, 99, 235, .02) 38%, transparent 72%),
        #fff;
    box-shadow: none;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.product-card:hover {
    border-color: #8eb2f5;
    box-shadow: 0 12px 28px rgba(37, 99, 235, .12);
    transform: translateY(-2px);
}

.product-card-header {
    padding: 22px 22px 0;
    border-bottom: 0;
    background: transparent;
}

.product-card-name {
    margin: 0 0 18px;
    color: #172033;
    font-size: 20px;
    font-weight: 750;
    line-height: 1.25;
    letter-spacing: -.02em;
}

.product-card-specs {
    height: var(--product-card-spec-height, auto);
    min-height: 238px;
    padding: 0 22px;
    background: transparent;
    font-size: 13px;
    line-height: 1.45;
}

.product-card-specs > ul,
.product-card-specs > ol {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-card-specs > ul > li,
.product-card-specs > ol > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
    margin: 0;
    padding: 9px 0;
    border-bottom: 1px dashed #e6eaf1;
    color: #6b778c;
    line-height: 1.45;
}

.product-card-specs > ul > li:last-child,
.product-card-specs > ol > li:last-child { border-bottom: 0; }
.product-card-specs > ul > li > strong:first-child,
.product-card-specs > ol > li > strong:first-child {
    flex: 0 0 auto;
    color: #667085;
    font-weight: 550;
}
.product-card-specs > ul > li > span:last-child,
.product-card-specs > ol > li > span:last-child,
.product-card-specs > ul > li > strong:last-child,
.product-card-specs > ol > li > strong:last-child {
    min-width: 0;
    color: #172033;
    font-weight: 650;
    text-align: right;
    overflow-wrap: anywhere;
}
.product-card-specs > ul > li > br,
.product-card-specs > ol > li > br { display: none; }

.product-card-pricing {
    margin: 16px 22px 0;
    padding: 0;
    border-top: 0;
    background: transparent;
}

.product-price-current {
    color: #2563eb;
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.03em;
}
.product-price-period { color: #6b778c; font-size: 13px; }
.product-price-original { color: #98a2b3; }
.product-stock-badge { border-radius: 6px; }

.product-card-footer {
    padding: 18px 22px 22px;
    background: transparent;
}
.product-card-footer .arco-btn {
    height: 42px;
    border-radius: 8px;
}

@media (max-width: 1100px) {
    .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
    .product-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .product-card-header { padding: 18px 18px 0; }
    .product-card-name { margin-bottom: 14px; font-size: 18px; }
    .product-card-specs { min-height: 0; padding: 0 18px; }
    .product-card-pricing { margin-inline: 18px; }
    .product-card-footer { padding: 16px 18px 18px; }
}

/* 分类富文本介绍 */
.product-header-desc {
    color: #667085;
    line-height: 1.7;
    overflow-wrap: anywhere;
}
.product-header-desc > * { max-width: 100%; }
.product-header-desc--plain { white-space: pre-wrap; }
.product-header-desc p { margin: 0 0 8px; }
.product-header-desc p:last-child { margin-bottom: 0; }
.product-header-desc strong,
.product-header-desc b { color: #243b63; font-weight: 700; }
.product-header-desc em,
.product-header-desc i { color: #3568c9; }
.product-header-desc ul,
.product-header-desc ol { margin: 8px 0 0; padding-left: 20px; }
.product-header-desc li { margin: 4px 0; }
.product-header-desc h3,
.product-header-desc h4 { margin: 0 0 8px; color: #172033; font-size: 15px; line-height: 1.4; }
.product-header-desc a { color: #2563eb; text-decoration: none; }
.product-header-desc a:hover { text-decoration: underline; }