/* ============================================================
   FINDSLINK MODERN COMMERCE THEME — PC
   v2.0  现代简约电商风
   白底 + 黑字 + 红强调 + 大留白
   参考:SSENSE / END Clothing / Hypebeast Shop
   覆盖在 style.css + eyou.css 之上,不改原文件
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=DM+Mono:wght@500;600&display=swap');

:root {
    --fl-bg-0:        #ffffff;
    --fl-bg-1:        #fafafa;
    --fl-bg-2:        #f4f4f5;
    --fl-bg-dark:     #0a0a0a;
    --fl-bg-dark-2:   #18181b;

    --fl-border:      #e4e4e7;
    --fl-border-2:    #d4d4d8;
    --fl-border-dark: #27272a;

    --fl-text-0:      #09090b;
    --fl-text-1:      #3f3f46;
    --fl-text-2:      #71717a;
    --fl-text-3:      #a1a1aa;
    --fl-text-light:  #fafafa;

    --fl-red:         #e10600;
    --fl-red-dark:    #b91c00;
    --fl-red-light:   #fef2f2;

    --fl-font-body:   'Inter', -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
    --fl-font-mono:   'DM Mono', 'JetBrains Mono', Menlo, monospace;

    --fl-shadow-sm:   0 1px 2px rgba(0,0,0,0.04);
    --fl-shadow-md:   0 4px 12px rgba(0,0,0,0.06);
    --fl-shadow-lg:   0 12px 28px rgba(0,0,0,0.08);
}

/* ============================================================
   全局基底
   ============================================================ */
html, body {
    background: var(--fl-bg-0) !important;
    color: var(--fl-text-0) !important;
    font-family: var(--fl-font-body) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    font-size: 14px;
    line-height: 1.6;
}

a, a:link, a:visited {
    color: var(--fl-text-0);
    text-decoration: none;
    transition: color .15s ease;
}
a:hover { color: var(--fl-red) !important; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--fl-bg-1); }
::-webkit-scrollbar-thumb { background: var(--fl-border-2); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--fl-text-3); }
::selection { background: var(--fl-text-0); color: #fff; }

/* ============================================================
   顶部欢迎条
   ============================================================ */
.eyoucms_top {
    background: var(--fl-bg-dark) !important;
    color: var(--fl-text-3) !important;
    border: none !important;
    font-size: 12px;
    padding: 8px 0;
}
.eyoucms_top a {
    color: var(--fl-text-3) !important;
    margin-left: 12px;
    font-weight: 400;
}
.eyoucms_top a:hover { color: #fff !important; }
.eyoucms-wel { color: #fff !important; font-weight: 500; }

/* ============================================================
   主导航栏
   ============================================================ */
.eyoucms_head {
    background: #fff !important;
    padding: 24px 0 !important;
    border-bottom: 1px solid var(--fl-border) !important;
}
.ey_logo img { max-height: 48px; width: auto; }

/* 搜索框 — 圆角药丸 */
.search .eyou_gjc { padding: 0 !important; }
.search .eyou-key {
    background: var(--fl-bg-1) !important;
    border: 1px solid var(--fl-border) !important;
    border-radius: 999px !important;
    overflow: hidden;
    transition: all .2s;
    display: flex !important;
    align-items: center;
}
.search .eyou-key:hover,
.search .eyou-key:focus-within {
    border-color: var(--fl-text-0) !important;
    background: #fff !important;
}
.eyoucms-ssfm {
    background: transparent !important;
    color: var(--fl-text-0) !important;
    border: none !important;
    padding: 12px 20px !important;
    font-size: 14px !important;
    flex: 1;
    outline: none !important;
}
.eyoucms-ssfm::placeholder { color: var(--fl-text-3) !important; }
.tijiao, .search button {
    background: var(--fl-text-0) !important;
    border: none !important;
    color: #fff !important;
    padding: 0 24px !important;
    height: 40px !important;
    cursor: pointer;
    border-radius: 999px !important;
    margin: 4px !important;
    transition: background .15s;
}
.tijiao:hover { background: var(--fl-red) !important; }

/* 购物车/收藏 */
.eyoucms_cart a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px; height: 42px;
    background: var(--fl-bg-1);
    border: 1px solid var(--fl-border);
    border-radius: 50%;
    margin-left: 8px;
    transition: all .2s;
    position: relative;
}
.eyoucms_cart a:hover {
    border-color: var(--fl-text-0);
    background: #fff;
}
.eyoucms_cart i { color: var(--fl-text-0); font-size: 16px; }
.eyoucms_cart em {
    position: absolute;
    top: -4px; right: -4px;
    background: var(--fl-red);
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 999px;
    font-style: normal;
    min-width: 18px;
    text-align: center;
    line-height: 1.2;
}

/* ============================================================
   分类导航条
   ============================================================ */
.eyoucms_fl {
    background: #fff !important;
    border-bottom: 1px solid var(--fl-border) !important;
    padding: 0 !important;
    position: sticky;
    top: 0;
    z-index: 200;
    box-shadow: var(--fl-shadow-sm);
}
.fl_fenlei {
    background: var(--fl-text-0) !important;
    color: #fff !important;
    padding: 14px 28px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer;
    position: relative !important;
    z-index: 201 !important;
}
.fl_fenlei a, .fl_fenlei span { color: #fff !important; }
.fl_fenlei .ey-tb-feilei { display: inline-block; margin-right: 8px; vertical-align: middle; }

.eyoucms_dh {
    background: #fff !important;
    border: 1px solid var(--fl-border) !important;
    box-shadow: var(--fl-shadow-lg) !important;
    position: absolute !important;
    z-index: 9999 !important;
}
.eyoucms_dh > ul > li {
    border-bottom: 1px solid var(--fl-border);
    transition: background .15s;
    position: relative;
    z-index: 10000 !important;
}
.eyoucms_dh > ul > li:last-child { border-bottom: none; }
.eyoucms_dh > ul > li:hover { background: var(--fl-bg-1); }
.eyoucms_dh > ul > li > a {
    color: var(--fl-text-0) !important;
    font-weight: 500;
    font-size: 13px;
    padding: 12px 18px !important;
}

.eyoucms-erji {
    background: #fff !important;
    border: 1px solid var(--fl-border) !important;
    box-shadow: var(--fl-shadow-lg) !important;
    z-index: 10001 !important;
    position: absolute !important;
}
.eyoucms-erji dl dt a {
    color: var(--fl-text-0) !important;
    font-weight: 700 !important;
    font-size: 14px;
    padding-bottom: 6px;
    border-bottom: 2px solid var(--fl-red);
    display: inline-block;
}
.eyoucms-erji dl dd a {
    color: var(--fl-text-2) !important;
    font-size: 12px;
    line-height: 2;
}
.eyoucms-erji dl dd a:hover { color: var(--fl-red) !important; }

.eytop_dh ul li { display: inline-block; }
.eytop_dh ul li a {
    display: block;
    color: var(--fl-text-0) !important;
    padding: 14px 20px !important;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 2px solid transparent;
    transition: all .15s;
}
.eytop_dh ul li a:hover,
.eytop_dh ul li.cur a {
    color: var(--fl-red) !important;
    border-bottom-color: var(--fl-red);
}

/* ============================================================
   隐藏旧 hero / 旧广告位(由 HTML 改造移除)
   ============================================================ */
.carousel.banner,
.eyoucms_m,
.home-banner-box {
    display: none !important;
}

/* ============================================================
   ★ 新 Hero 区(由 index.htm 改造提供) ★
   ============================================================ */
.fl-hero {
    background: var(--fl-bg-1);
    padding: 64px 24px 48px;
    border-bottom: 1px solid var(--fl-border);
    text-align: center;
}
.fl-hero-inner {
    max-width: 1280px;
    margin: 0 auto;
}
.fl-hero-eyebrow {
    display: inline-block;
    background: #fff;
    border: 1px solid var(--fl-border);
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 12px;
    color: var(--fl-text-1);
    font-weight: 500;
    margin-bottom: 20px;
    letter-spacing: 0.3px;
}
.fl-hero-eyebrow .dot {
    display: inline-block;
    width: 6px; height: 6px;
    background: var(--fl-red);
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
    animation: pulse 2s infinite;
}
@keyframes pulse {
    0%,100% { opacity: 1; }
    50% { opacity: 0.4; }
}
.fl-hero h1 {
    font-size: 56px;
    font-weight: 800;
    color: var(--fl-text-0);
    line-height: 1.1;
    letter-spacing: -1.5px;
    margin: 0 0 16px;
}
.fl-hero h1 .accent {
    color: var(--fl-red);
}
.fl-hero p {
    font-size: 17px;
    color: var(--fl-text-2);
    max-width: 600px;
    margin: 0 auto 32px;
    line-height: 1.5;
}
.fl-hero-cta {
    display: inline-flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.fl-hero-cta a {
    display: inline-block;
    padding: 14px 28px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    transition: all .2s;
}
.fl-hero-cta .btn-primary {
    background: var(--fl-text-0) !important;
    color: #fff !important;
}
.fl-hero-cta .btn-primary:hover {
    background: var(--fl-red) !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: var(--fl-shadow-md);
}
.fl-hero-cta .btn-secondary {
    background: transparent !important;
    color: var(--fl-text-0) !important;
    border: 1px solid var(--fl-border-2);
}
.fl-hero-cta .btn-secondary:hover {
    border-color: var(--fl-text-0) !important;
    background: #fff !important;
}

/* Hero 数字统计 */
.fl-hero-stats {
    display: flex;
    justify-content: center;
    gap: 64px;
    margin-top: 56px;
    flex-wrap: wrap;
}
.fl-hero-stat {
    text-align: center;
}
.fl-hero-stat .num {
    font-family: var(--fl-font-mono);
    font-size: 32px;
    font-weight: 700;
    color: var(--fl-text-0);
    line-height: 1;
    margin-bottom: 6px;
}
.fl-hero-stat .label {
    font-size: 12px;
    color: var(--fl-text-2);
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* ============================================================
   ★ 主分类快捷入口 ★
   ============================================================ */
.fl-quick-cats {
    max-width: 1280px;
    margin: 48px auto 0;
    padding: 0 24px;
}
.fl-quick-cats h2 {
    font-size: 13px;
    font-weight: 600;
    color: var(--fl-text-2);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 16px;
}
.fl-quick-cats-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
}
.fl-quick-cat {
    background: #fff;
    border: 1px solid var(--fl-border);
    border-radius: 12px;
    padding: 24px 16px;
    text-align: center;
    transition: all .2s;
    cursor: pointer;
}
.fl-quick-cat:hover {
    border-color: var(--fl-text-0);
    transform: translateY(-3px);
    box-shadow: var(--fl-shadow-md);
}
.fl-quick-cat .icon {
    font-size: 28px;
    margin-bottom: 8px;
    display: block;
}
.fl-quick-cat .name {
    color: var(--fl-text-0) !important;
    font-size: 13px;
    font-weight: 600;
}
@media (max-width: 768px) {
    .fl-quick-cats-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .fl-hero h1 { font-size: 36px; }
    .fl-hero { padding: 40px 16px 32px; }
    .fl-hero-stats { gap: 32px; margin-top: 32px; }
}

/* ============================================================
   楼层式商品区
   ============================================================ */
.ey_index {
    background: #fff !important;
    padding-top: 24px;
}

.eyou_cargo {
    background: #fff !important;
    border: none !important;
    margin: 56px 0 !important;
    padding: 0 !important;
}

.eyou-theme {
    background: transparent !important;
    border-bottom: 1px solid var(--fl-border);
    padding: 0 0 16px 0 !important;
    margin-bottom: 24px !important;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}

.eyou-cap {
    color: var(--fl-text-0) !important;
    font-family: var(--fl-font-body) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    display: inline-flex;
    align-items: center;
    gap: 12px;
}
.eyou-cap::before {
    content: '';
    width: 4px;
    height: 22px;
    background: var(--fl-red);
    border-radius: 2px;
}

.eyou_switch {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    gap: 4px;
    flex-wrap: wrap;
}
.eyou_switch li {
    display: inline-block;
    background: transparent !important;
    border: none;
}
.eyou_switch li a {
    display: block;
    color: var(--fl-text-2) !important;
    padding: 6px 14px !important;
    font-size: 13px;
    font-weight: 500;
    border-radius: 999px;
    transition: all .15s;
}
.eyou_switch li:hover a {
    color: var(--fl-text-0) !important;
    background: var(--fl-bg-1);
}
.eyou_switch li.active a {
    background: var(--fl-text-0) !important;
    color: #fff !important;
    font-weight: 600;
}

.eyou_major { padding: 0 !important; }
.eyou_matter { background: transparent !important; }
.eyou-contain { background: transparent !important; }

.eyou_major-side {
    background: var(--fl-bg-1);
    border-radius: 8px;
    overflow: hidden;
    transition: all .3s;
}
.eyou_major-side img {
    transition: transform .6s ease;
    width: 100%;
    height: auto;
    display: block;
}
.eyou_major-side:hover { box-shadow: var(--fl-shadow-md); }
.eyou_major-side:hover img { transform: scale(1.04); }

/* ============================================================
   ★ 商品卡片(核心) ★
   ============================================================ */
.imgshow,
.imgshow_a,
.imgshow_ac,
.imgshow-cb {
    background: transparent !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
    gap: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.imgshow_project,
.eyou_ject {
    background: #fff !important;
    border: 1px solid var(--fl-border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    position: relative !important;
    transition: all .25s ease !important;
    width: auto !important;
    margin: 0 !important;
    float: none !important;
    display: flex !important;
    flex-direction: column;
}
.imgshow_project:hover {
    border-color: var(--fl-border-2) !important;
    transform: translateY(-4px);
    box-shadow: var(--fl-shadow-md);
}
.imgshow_project > a {
    display: flex !important;
    flex-direction: column;
    height: 100%;
    color: var(--fl-text-0) !important;
}

.imgshow-pic {
    background: var(--fl-bg-1) !important;
    overflow: hidden !important;
    position: relative !important;
    aspect-ratio: 1 / 1;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 8px 8px 0 0;
}
.imgshow-pic img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform .5s ease !important;
    filter: none !important;
}
.imgshow_project:hover .imgshow-pic img {
    transform: scale(1.05);
}

.imgshow-contain,
.imgshow_curve {
    padding: 0 !important;
    background: #fff !important;
}

.imgshow_cap,
.eyou_wenben {
    color: var(--fl-text-0) !important;
    font-family: var(--fl-font-body) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    height: auto !important;
    min-height: 36px;
    overflow: hidden;
    margin: 0 !important;
    padding: 12px 14px 8px !important;
    background: transparent !important;
    text-align: left !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.imgshow-jiage {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 14px 14px !important;
    margin-top: auto;
}
.imgshow-jiage .sort {
    color: var(--fl-text-3) !important;
    font-size: 11px !important;
    margin: 0 !important;
    font-weight: 400;
}
.imgshow-jiage .price {
    margin: 0 !important;
    color: var(--fl-red) !important;
    font-family: var(--fl-font-mono) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}
.imgshow-jiage .price .num {
    color: var(--fl-red) !important;
    font-family: var(--fl-font-mono) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* ============================================================
   列表页 / 分类筛选
   ============================================================ */
.classify {
    background: #fff !important;
    border: 1px solid var(--fl-border) !important;
    border-radius: 8px !important;
    padding: 16px 20px !important;
    margin: 24px 0 !important;
}
.classify .classify-zc {
    color: var(--fl-text-2) !important;
    font-size: 13px !important;
    font-weight: 600;
}
.classify_yc a {
    display: inline-block;
    color: var(--fl-text-1) !important;
    padding: 5px 14px !important;
    margin: 4px !important;
    border: 1px solid var(--fl-border);
    border-radius: 999px;
    background: transparent !important;
    font-size: 12px;
    transition: all .15s;
}
.classify_yc a:hover {
    border-color: var(--fl-text-0);
    color: var(--fl-text-0) !important;
}
.classify_yc a.active {
    background: var(--fl-text-0) !important;
    border-color: var(--fl-text-0);
    color: #fff !important;
    font-weight: 500;
}

.approve {
    background: transparent !important;
    margin: 24px 0 !important;
}
.approve ul {
    display: flex;
    gap: 4px;
    border-bottom: 1px solid var(--fl-border);
    padding: 0 !important;
}
.approve ul li { list-style: none !important; }
.approve ul li a {
    display: block;
    padding: 12px 20px !important;
    color: var(--fl-text-2) !important;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 2px solid transparent;
    transition: all .15s;
}
.approve ul li a:hover,
.approve ul li a.active {
    color: var(--fl-text-0) !important;
    border-bottom-color: var(--fl-red);
    font-weight: 600;
}

/* ============================================================
   面包屑
   ============================================================ */
.crumbs,
.crumbs_a {
    background: transparent !important;
    border: none !important;
    padding: 16px 0 !important;
    margin-top: 8px !important;
}
.crumbs ul li,
.crumbs_a ul li {
    color: var(--fl-text-3) !important;
    font-size: 12px;
}
.crumbs a, .crumbs_a a { color: var(--fl-text-2) !important; }
.crumbs a:hover, .crumbs_a a:hover { color: var(--fl-text-0) !important; }

/* ============================================================
   分页器
   ============================================================ */
.page,
.eyou_pages,
.eyou_adj {
    text-align: center;
    margin: 48px 0 !important;
    padding: 0 !important;
}
.page ul,
.eyou_pages ul {
    display: inline-flex;
    gap: 4px;
    list-style: none;
    padding: 0 !important;
}
.page ul li a,
.page ul li span,
.eyou_pages ul li a,
.eyou_pages ul li span {
    display: inline-block;
    min-width: 40px;
    padding: 8px 14px !important;
    background: #fff !important;
    color: var(--fl-text-1) !important;
    border: 1px solid var(--fl-border) !important;
    border-radius: 6px !important;
    font-size: 13px;
    font-weight: 500;
    transition: all .15s;
}
.page ul li a:hover,
.eyou_pages ul li a:hover {
    border-color: var(--fl-text-0) !important;
    color: var(--fl-text-0) !important;
}
.page ul li.active a,
.page ul li.active span,
.eyou_pages ul li.active a {
    background: var(--fl-text-0) !important;
    border-color: var(--fl-text-0) !important;
    color: #fff !important;
}

/* ============================================================
   友情链接
   ============================================================ */
.eyou_links {
    background: var(--fl-bg-1);
    border-top: 1px solid var(--fl-border);
    padding: 32px 0 !important;
    margin-top: 48px;
}
.eyou_links .menu .eyou_mz {
    color: var(--fl-text-0) !important;
    font-size: 16px;
    font-weight: 700;
    border-left: 3px solid var(--fl-red);
    padding-left: 12px;
    margin-bottom: 16px !important;
}
.eyou_links a {
    display: inline-block;
    color: var(--fl-text-2) !important;
    padding: 4px 12px;
    margin: 3px 4px;
    border: 1px solid var(--fl-border);
    border-radius: 999px;
    font-size: 12px;
    background: #fff;
    transition: all .15s;
}
.eyou_links a:hover {
    color: var(--fl-text-0) !important;
    border-color: var(--fl-text-0);
}

/* ============================================================
   Footer 深黑(简化后)
   ============================================================ */
.eyou_foot {
    background: var(--fl-bg-dark) !important;
    border: none !important;
    padding: 40px 0 24px !important;
    color: var(--fl-text-3);
}
/* 隐藏 baozheng 4 个空话(由 HTML 改造删除,这里兜底) */
.eyou_foot .baozheng { display: none !important; }

.eyou_foot .nav-art {
    padding: 0 !important;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 32px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px !important;
}
.eyou_foot .nav-art .left.art {
    flex: 1;
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
}
.eyou_foot .nav-art ul {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 140px;
}
.eyou_foot .nav-art .tit {
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--fl-border-dark);
    letter-spacing: 0.3px;
}
.eyou_foot .nav-art .list a {
    color: var(--fl-text-3) !important;
    font-size: 12px;
    line-height: 2;
    transition: color .15s;
}
.eyou_foot .nav-art .list a:hover { color: #fff !important; }

/* WhatsApp */
.zxnow, .link-zx {
    background: #25D366 !important;
    padding: 0 !important;
    display: inline-block;
    border-radius: 999px;
    transition: background .15s;
}
.zxnow:hover { background: #1ea952 !important; }
.zxnow a, .link-zx a {
    display: inline-block;
    padding: 10px 24px !important;
    color: #fff !important;
    font-weight: 600;
    font-size: 14px;
}

/* ============================================================
   商品详情页
   ============================================================ */
.product-banner,
.product-cont,
.product-info {
    background: #fff !important;
    border: 1px solid var(--fl-border) !important;
    border-radius: 8px !important;
}
.product-info h1,
.product-info .tit,
.product-tit {
    color: var(--fl-text-0) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.3;
    margin-bottom: 16px !important;
}
.product-info .price,
.product-info .users-price,
.product-price {
    color: var(--fl-red) !important;
    font-family: var(--fl-font-mono) !important;
    font-size: 28px !important;
    font-weight: 700;
}

.btn-buy, .btn-cart, .now-buy, .add-cart, .btn-now-buy {
    background: var(--fl-text-0) !important;
    border: none !important;
    color: #fff !important;
    padding: 14px 36px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer;
    border-radius: 6px !important;
    transition: all .2s;
}
.btn-buy:hover, .btn-cart:hover, .now-buy:hover {
    background: var(--fl-red) !important;
    transform: translateY(-1px);
}

/* ============================================================
   BuyLink 平台跳转
   ============================================================ */
.buylink-list,
.platforms-list,
.weapp-buylink {
    background: var(--fl-bg-1) !important;
    border: 1px solid var(--fl-border) !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin: 20px 0 !important;
}
.buylink-list .platform-item,
.platforms-list a,
.weapp-buylink a {
    display: inline-flex !important;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    background: #fff !important;
    border: 1px solid var(--fl-border) !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    margin: 4px !important;
    transition: all .2s !important;
    min-width: 100px;
}
.buylink-list .platform-item:hover,
.platforms-list a:hover {
    border-color: var(--fl-text-0) !important;
    transform: translateY(-2px);
    box-shadow: var(--fl-shadow-md);
}
.buylink-list .platform-item img,
.platforms-list a img { height: 32px !important; width: auto !important; }
.buylink-list .platform-item span,
.platforms-list a span {
    color: var(--fl-text-0) !important;
    font-size: 11px !important;
    font-weight: 600;
}

/* ============================================================
   通用按钮 / 表单
   ============================================================ */
button, input[type="submit"], input[type="button"], .btn, .button {
    border-radius: 6px !important;
    font-weight: 600 !important;
    font-family: var(--fl-font-body) !important;
    transition: all .2s !important;
    cursor: pointer;
}

input[type="text"], input[type="email"], input[type="password"],
input[type="search"], input[type="tel"], input[type="number"],
textarea, select {
    background: #fff !important;
    border: 1px solid var(--fl-border) !important;
    color: var(--fl-text-0) !important;
    border-radius: 6px !important;
    padding: 10px 14px !important;
    transition: border-color .15s;
    font-family: var(--fl-font-body) !important;
}
input:focus, textarea:focus, select:focus {
    outline: none !important;
    border-color: var(--fl-text-0) !important;
}
input::placeholder, textarea::placeholder { color: var(--fl-text-3) !important; }

/* ============================================================
   容器
   ============================================================ */
.width {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
}

/* ============================================================
   响应式
   ============================================================ */
@media (max-width: 1024px) {
    .imgshow_a, .imgshow_ac {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
    }
    .eyou-cap { font-size: 20px !important; }
}
@media (max-width: 768px) {
    .imgshow_a, .imgshow_ac {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
    .eyou-theme {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    .eyou-cap { font-size: 18px !important; }
}

/* ============================================================
   ★ v2.1 详情页全面优化 ★
   ============================================================ */

/* ---- 1. BuyLink 按钮(覆盖橙色渐变 → 改成黑底悬浮变红) ---- */
.ey-buylink-btn,
button.ey-buylink-btn,
a.ey-buylink-btn {
    background: var(--fl-text-0) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 16px 32px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    transition: all .25s ease !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    cursor: pointer;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
}
.ey-buylink-btn:hover,
button.ey-buylink-btn:hover,
a.ey-buylink-btn:hover {
    background: var(--fl-red) !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(225, 6, 0, 0.25) !important;
}
.ey-buylink-btn::before {
    content: '🛒';
    margin-right: 4px;
    font-size: 14px;
}

/* ---- 2. BuyLink 提示框(蓝色 → 简洁中性灰) ---- */
.ey-buylink-notice {
    background: var(--fl-bg-1) !important;
    border: 1px solid var(--fl-border) !important;
    border-left: 3px solid var(--fl-text-0) !important;
    border-radius: 8px !important;
    color: var(--fl-text-1) !important;
    padding: 14px 18px !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    box-shadow: none !important;
    margin: 16px 0 !important;
}
.ey-buylink-notice strong,
.ey-buylink-notice b {
    color: var(--fl-text-0) !important;
    font-weight: 600;
}

/* ---- 3. 总计价格(字号收紧 + 现代显示) ---- */
.total-price {
    font-size: 15px !important;
    color: var(--fl-text-2) !important;
    font-weight: 500 !important;
    padding: 16px 0 !important;
    margin: 8px 0 !important;
    border-top: 1px solid var(--fl-border);
    border-bottom: 1px solid var(--fl-border);
    display: flex !important;
    align-items: baseline;
    gap: 8px;
}
.total-price #totol_price {
    color: var(--fl-red) !important;
    font-family: var(--fl-font-mono) !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px;
}

/* 详情页常规价格也精简 */
.product-info .price,
.product-info .users-price {
    font-family: var(--fl-font-mono) !important;
    color: var(--fl-red) !important;
    font-size: 22px !important;
    font-weight: 700;
}

/* ---- 4. 详情页商品标题(更简洁) ---- */
.product-info h1,
.product-cont .name,
.product-banner .product-name,
h1.product-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: var(--fl-text-0) !important;
    margin: 0 0 16px !important;
    letter-spacing: -0.2px;
}

/* ---- 5. 缩略图(加圆角 + hover 精致动效) ---- */
.thumbnails,
.thumbnail-swiper {
    background: transparent !important;
    border: none !important;
    padding: 12px 0 !important;
    margin: 0 !important;
}
.thumbnails .swiper-slide,
.thumbnail-swiper .swiper-slide {
    border-radius: 8px !important;
    overflow: hidden;
    border: 2px solid transparent !important;
    transition: all .2s ease;
    cursor: pointer;
    background: var(--fl-bg-1);
}
.thumbnails .swiper-slide:hover,
.thumbnail-swiper .swiper-slide:hover {
    border-color: var(--fl-border-2) !important;
    transform: translateY(-2px);
}
.thumbnails .swiper-slide.swiper-slide-thumb-active,
.thumbnail-swiper .swiper-slide.swiper-slide-thumb-active,
.thumbnails .swiper-slide.active,
.thumbnail-swiper .swiper-slide.active {
    border-color: var(--fl-red) !important;
    box-shadow: 0 4px 12px rgba(225, 6, 0, 0.2);
}
.thumbnails .swiper-slide img,
.thumbnail-swiper .swiper-slide img {
    border-radius: 6px;
    transition: transform .3s;
}
.thumbnails .swiper-slide:hover img {
    transform: scale(1.05);
}

/* 缩略图左右切换按钮 */
.thumbnails .swiper-button-prev,
.thumbnails .swiper-button-next,
.thumbnail-swiper .swiper-button-prev,
.thumbnail-swiper .swiper-button-next {
    background: rgba(255,255,255,0.95) !important;
    border: 1px solid var(--fl-border) !important;
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
    color: var(--fl-text-0) !important;
    box-shadow: var(--fl-shadow-sm) !important;
    transition: all .2s !important;
}
.thumbnails .swiper-button-prev:hover,
.thumbnails .swiper-button-next:hover {
    background: var(--fl-text-0) !important;
    color: #fff !important;
    border-color: var(--fl-text-0) !important;
}
.thumbnails .swiper-button-prev::after,
.thumbnails .swiper-button-next::after,
.thumbnail-swiper .swiper-button-prev::after,
.thumbnail-swiper .swiper-button-next::after {
    font-size: 14px !important;
    font-weight: 700;
}

/* ---- 6. 详情页底部"立即购买/加入购物车"按钮(导购站不需要,变弱) ---- */
.btn.goumai,
.btn.jiaru,
.btn-red,
.btn-car {
    background: var(--fl-bg-1) !important;
    color: var(--fl-text-2) !important;
    border: 1px solid var(--fl-border) !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    transition: all .2s;
}
.btn.goumai:hover,
.btn-red:hover {
    background: var(--fl-text-0) !important;
    color: #fff !important;
    border-color: var(--fl-text-0) !important;
}

/* ---- 7. 详情页 action 区(数量/规格选择)精简 ---- */
.action {
    list-style: none !important;
    padding: 0 !important;
    margin: 16px 0 !important;
}
.action > li {
    list-style: none !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid var(--fl-border);
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
.action > li:last-child { border-bottom: none; }
.action > li em {
    color: var(--fl-text-2) !important;
    font-size: 13px;
    font-weight: 500;
    font-style: normal !important;
    min-width: 60px;
}
.action > li > div {
    flex: 1;
}

/* 数量选择器 */
.amount_wrap {
    display: inline-flex !important;
    align-items: center;
    border: 1px solid var(--fl-border);
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}
.amount_wrap .amount_min,
.amount_wrap .amount_add {
    background: var(--fl-bg-1) !important;
    color: var(--fl-text-0) !important;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .15s;
}
.amount_wrap .amount_min:hover,
.amount_wrap .amount_add:hover {
    background: var(--fl-text-0) !important;
    color: #fff !important;
}
.amount_wrap input,
.amount_wrap .amount_num {
    width: 50px !important;
    height: 36px;
    border: none !important;
    text-align: center;
    font-weight: 600;
    color: var(--fl-text-0) !important;
}

/* ---- 8. 规格选择按钮(尺码/颜色) ---- */
.action ul li,
.spec-list li {
    list-style: none !important;
}
.spec-item,
.spec-list a,
.action a[onclick] {
    display: inline-block !important;
    padding: 6px 14px !important;
    border: 1px solid var(--fl-border) !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: var(--fl-text-1) !important;
    font-size: 13px !important;
    margin: 3px !important;
    transition: all .15s;
    cursor: pointer;
}
.spec-item:hover,
.spec-list a:hover {
    border-color: var(--fl-text-0) !important;
    color: var(--fl-text-0) !important;
}
.spec-item.active,
.spec-list a.active,
.spec-item.cur {
    background: var(--fl-text-0) !important;
    border-color: var(--fl-text-0) !important;
    color: #fff !important;
}

/* ============================================================
   ★ 合作代理平台展示 (Partners) ★
   ============================================================ */
.fl-partners {
    background: #fff;
    padding: 64px 24px 48px;
    border-top: 1px solid var(--fl-border);
    border-bottom: 1px solid var(--fl-border);
}
.fl-partners-inner {
    max-width: 1280px;
    margin: 0 auto;
}
.fl-partners-head {
    text-align: center;
    margin-bottom: 36px;
}
.fl-partners-head .eyebrow {
    display: inline-block;
    background: var(--fl-bg-1);
    border: 1px solid var(--fl-border);
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 12px;
    color: var(--fl-text-1);
    font-weight: 500;
    letter-spacing: 0.3px;
    margin-bottom: 16px;
}
.fl-partners-head .eyebrow .dot {
    display: inline-block;
    width: 6px; height: 6px;
    background: var(--fl-red);
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
    animation: pulse 2s infinite;
}
.fl-partners-head h2 {
    font-size: 32px;
    font-weight: 800;
    color: var(--fl-text-0);
    letter-spacing: -0.8px;
    margin: 0 0 8px;
    line-height: 1.2;
}
.fl-partners-head p {
    font-size: 15px;
    color: var(--fl-text-2);
    margin: 0;
    max-width: 640px;
    margin: 0 auto;
    line-height: 1.5;
}
.fl-partners-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 14px;
}
.fl-partner {
    background: #fff;
    border: 1px solid var(--fl-border);
    border-radius: 12px;
    padding: 20px 14px 14px;
    text-align: center;
    transition: all .25s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
    text-decoration: none;
    min-height: 116px;
    position: relative;
    overflow: hidden;
}
.fl-partner::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: var(--fl-red);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .3s ease;
}
.fl-partner:hover {
    border-color: var(--fl-text-0);
    background: var(--fl-bg-1);
    transform: translateY(-4px);
    box-shadow: var(--fl-shadow-md);
}
.fl-partner:hover::before {
    transform: scaleX(1);
}
.fl-partner .logo {
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.fl-partner .logo img {
    max-height: 40px;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: grayscale(0.15);
    transition: filter .2s ease;
    display: block;
}
.fl-partner:hover .logo img {
    filter: grayscale(0);
}
.fl-partner .name-fb {
    color: var(--fl-text-0) !important;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.5px;
    font-family: var(--fl-font-mono);
}
.fl-partner .tag {
    color: var(--fl-text-3) !important;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    transition: color .2s;
}
.fl-partner:hover .tag {
    color: var(--fl-red) !important;
}

@media (max-width: 1024px) {
    .fl-partners-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 768px) {
    .fl-partners { padding: 40px 16px 32px; }
    .fl-partners-head h2 { font-size: 22px; }
    .fl-partners-head p { font-size: 13px; }
    .fl-partners-grid { grid-template-columns: repeat(3, 1fr); gap: 10px; }
    .fl-partner { min-height: 96px; padding: 14px 10px 10px; }
    .fl-partner .logo { height: 36px; }
    .fl-partner .logo img { max-height: 32px; }
}
@media (max-width: 480px) {
    .fl-partners-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ============================================================
   ★ 品质承诺 + 联系 CTA (Promise) ★
   ============================================================ */
.fl-promise {
    background: linear-gradient(180deg, #ffffff 0%, var(--fl-bg-1) 100%);
    padding: 72px 24px;
    border-top: 1px solid var(--fl-border);
    border-bottom: 1px solid var(--fl-border);
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-top: 24px;
}
.fl-promise::before {
    content: '';
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 80px; height: 3px;
    background: var(--fl-red);
}
.fl-promise-inner {
    max-width: 820px;
    margin: 0 auto;
    position: relative;
}
.fl-promise-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--fl-red-light);
    color: var(--fl-red);
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.fl-promise-badge .dot {
    width: 6px; height: 6px;
    background: var(--fl-red);
    border-radius: 50%;
    animation: pulse 2s infinite;
}
.fl-promise-title {
    font-size: 36px;
    font-weight: 800;
    color: var(--fl-text-0);
    line-height: 1.35;
    letter-spacing: -0.8px;
    margin: 0 0 20px;
}
.fl-promise-title .strike {
    color: var(--fl-text-3);
    text-decoration: line-through;
    text-decoration-color: var(--fl-red);
    text-decoration-thickness: 3px;
    font-weight: 700;
}
.fl-promise-title .accent {
    color: var(--fl-red);
    position: relative;
    background: linear-gradient(180deg, transparent 65%, rgba(225,6,0,0.15) 65%);
    padding: 0 4px;
}
.fl-promise-sub {
    font-size: 16px;
    color: var(--fl-text-1);
    line-height: 1.7;
    margin: 0 0 36px;
    font-weight: 500;
}
.fl-promise-sub .en {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    color: var(--fl-text-2);
    letter-spacing: 0.3px;
    font-weight: 400;
    font-style: italic;
}
.fl-promise-cta {
    display: inline-flex;
    gap: 14px;
    flex-wrap: wrap;
    justify-content: center;
}
.btn-whatsapp, .btn-telegram {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 30px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 700;
    color: #fff !important;
    text-decoration: none;
    transition: all .25s ease;
    letter-spacing: 0.3px;
    border: none;
    cursor: pointer;
}
.btn-whatsapp {
    background: #25D366;
    box-shadow: 0 4px 14px rgba(37, 211, 102, 0.35);
}
.btn-whatsapp:hover {
    background: #1EAE55 !important;
    color: #fff !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(37, 211, 102, 0.45);
}
.btn-telegram {
    background: #229ED9;
    box-shadow: 0 4px 14px rgba(34, 158, 217, 0.35);
}
.btn-telegram:hover {
    background: #1A85B6 !important;
    color: #fff !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(34, 158, 217, 0.45);
}
.btn-whatsapp svg, .btn-telegram svg {
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .fl-promise { padding: 48px 16px; }
    .fl-promise-title { font-size: 24px; line-height: 1.4; }
    .fl-promise-sub { font-size: 14px; }
    .btn-whatsapp, .btn-telegram {
        padding: 13px 22px;
        font-size: 14px;
        width: 100%;
        max-width: 320px;
        justify-content: center;
    }
    .fl-promise-cta { flex-direction: column; align-items: center; width: 100%; }
}