/* =========================================================
   珩宇网络科技工作室 - 2026 商城视觉增强
   独立文件，便于后续升级主题时保留
   ========================================================= */

:root{
    --hx-primary:#5b5ce2;
    --hx-primary-2:#7c3aed;
    --hx-accent:#06b6d4;
    --hx-text:#1f2937;
    --hx-muted:#64748b;
    --hx-card:rgba(255,255,255,.88);
    --hx-border:rgba(255,255,255,.62);
    --hx-shadow:0 12px 40px rgba(31,41,55,.08);
    --hx-radius:18px;
}

/* ---------- 动态渐变背景 ---------- */
html,body{
    min-height:100%;
}
body{
    background:#eef2ff !important;
    color:var(--hx-text);
}
body::before{
    content:"";
    position:fixed;
    inset:-20%;
    z-index:-2;
    pointer-events:none;
    background:
        radial-gradient(circle at 15% 20%, rgba(124,58,237,.20), transparent 28%),
        radial-gradient(circle at 85% 25%, rgba(6,182,212,.18), transparent 30%),
        radial-gradient(circle at 50% 90%, rgba(59,130,246,.15), transparent 32%),
        linear-gradient(120deg,#eef2ff,#f5f3ff,#ecfeff,#f8fafc,#eef2ff);
    background-size:140% 140%,140% 140%,140% 140%,400% 400%;
    animation:hxBgMove 18s ease-in-out infinite;
}
@keyframes hxBgMove{
    0%,100%{background-position:0% 50%,100% 50%,50% 100%,0% 50%}
    50%{background-position:100% 50%,0% 50%,50% 0%,100% 50%}
}

/* 让主题原来的外层背景透明，露出动态背景 */
.ceo-zz-background{
    background:transparent !important;
}

/* ---------- 顶部导航 ---------- */
#ceotheme .navbar,
#ceotheme .ceo-navbar{
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}
#ceotheme .navbar,
#ceotheme .ceo-navbar,
#ceotheme header{
    transition:box-shadow .25s ease,background .25s ease;
}

/* ---------- 首页模块标题 ---------- */
.ceo-home-card.section-title,
section.card .section-title,
.rank .section-title{
    margin-bottom:16px;
}
.ceo-home-card.section-title h3,
.rank .section-title h3{
    font-weight:700;
    letter-spacing:.01em;
}
.ceo-icon-index{
    width:38px;
    height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    color:#fff !important;
    background:linear-gradient(135deg,var(--hx-primary),var(--hx-primary-2));
    box-shadow:0 8px 22px rgba(91,92,226,.22);
}

/* ---------- 商品区域 ---------- */
.ceo-home-card-top{
    gap:18px;
}
.ceo-home-card-top > *{
    transition:transform .25s ease,box-shadow .25s ease;
}
.ceo-home-card-top > *:hover{
    transform:translateY(-5px);
}

/* 尽量兼容主题各种商品卡片 */
.ceo-home-card-top > div,
.ceo-home-card-top .ceo-background-default,
.ceo-home-card-top article{
    border-radius:var(--hx-radius);
    overflow:hidden;
}
.ceo-home-card-top img{
    transition:transform .45s ease;
}
.ceo-home-card-top > *:hover img{
    transform:scale(1.035);
}

/* ---------- 统计条 ---------- */
.ceo-home-statistics{
    position:relative;
    z-index:1;
}
.ceo-home-statistics .zbox,
.ceo-home-statistics .ybox{
    border:1px solid rgba(255,255,255,.65);
    border-radius:16px;
    background:rgba(255,255,255,.72);
    box-shadow:var(--hx-shadow);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
}
.ceo-home-statistics .zbox{
    padding:4px 16px;
}
.ceo-home-statistics .titles{
    font-weight:700;
}

/* ---------- 专题/分类 ---------- */
.ceo-zhuanti-item{
    border-radius:var(--hx-radius);
    overflow:hidden;
    background:rgba(255,255,255,.84);
    border:1px solid var(--hx-border);
    box-shadow:var(--hx-shadow);
    transition:transform .25s ease,box-shadow .25s ease;
}
.ceo-zhuanti-item:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 48px rgba(31,41,55,.13);
}

/* ---------- 排行榜 ---------- */
.rank .b-r-4{
    border-radius:18px !important;
    border:1px solid rgba(255,255,255,.7);
    box-shadow:var(--hx-shadow);
}
.rank-item{
    transition:background .2s ease,transform .2s ease;
}
.rank-item:hover{
    background:rgba(91,92,226,.05);
    transform:translateX(3px);
}

/* ---------- 按钮 ---------- */
#ceotheme .ceo-button,
#ceotheme button,
#ceotheme .btn{
    transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;
}
#ceotheme .ceo-button:hover,
#ceotheme button:hover,
#ceotheme .btn:hover{
    transform:translateY(-1px);
}

/* ---------- 页脚 ---------- */
.footer{
    margin-top:32px;
    background:rgba(15,23,42,.94) !important;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}
.foot-cop{
    border-top-color:rgba(255,255,255,.10) !important;
}

/* ---------- 图片加载失败/懒加载时的视觉占位 ---------- */
.ceo-home-card-top img,
.rank-item-cover img{
    background:linear-gradient(135deg,#eef2ff,#f8fafc);
}

/* ---------- 注册/登录弹窗 ---------- */
#ceoshop-member-box .ceo-background-default,
.ceo-modal .ceo-background-default{
    border-radius:18px;
}

/* ---------- 夜间模式 ---------- */
body.night{
    background:#080d1c !important;
}
body.night::before{
    background:
        radial-gradient(circle at 15% 20%,rgba(124,58,237,.25),transparent 28%),
        radial-gradient(circle at 85% 25%,rgba(6,182,212,.20),transparent 30%),
        linear-gradient(120deg,#080d1c,#111827,#172554,#080d1c);
}
body.night .ceo-zz-background{
    background:transparent !important;
}

/* ---------- 手机端 ---------- */
@media (max-width:767px){
    body::before{
        animation-duration:24s;
    }
    .ceo-home-card-top{
        gap:12px;
    }
    .ceo-home-card.section-title h3,
    .rank .section-title h3{
        font-size:18px;
    }
    .ceo-zhuanti-item{
        border-radius:14px;
    }
    .ceo-home-statistics .zbox,
    .ceo-home-statistics .ybox{
        border-radius:14px;
    }
}

/* 减少动画偏好 */
@media (prefers-reduced-motion:reduce){
    body::before,
    .ceo-home-card-top > *,
    .ceo-zhuanti-item,
    .rank-item{
        animation:none !important;
        transition:none !important;
    }
}

/* =========================================================
   现代卡密商城首页 2.0
   ========================================================= */
.hx-store-hero{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    margin:22px 0 8px;
    padding:0;
}
.hx-store-hero .ceo-container{position:relative;z-index:2}
.hx-hero-grid{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);
    gap:28px;
    min-height:430px;
    align-items:center;
    padding:52px 54px;
    border:1px solid rgba(255,255,255,.72);
    border-radius:30px;
    background:
        radial-gradient(circle at 85% 15%,rgba(124,58,237,.22),transparent 28%),
        radial-gradient(circle at 15% 85%,rgba(6,182,212,.18),transparent 30%),
        linear-gradient(135deg,rgba(255,255,255,.94),rgba(247,248,255,.78));
    box-shadow:0 28px 80px rgba(31,41,55,.12);
    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);
}
.hx-hero-copy{max-width:720px}
.hx-hero-kicker{
    display:inline-flex;align-items:center;gap:9px;
    padding:8px 13px;border-radius:999px;
    color:#5b5ce2;background:rgba(91,92,226,.09);
    font-size:13px;font-weight:700;letter-spacing:.02em;
}
.hx-hero-kicker span{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12)}
.hx-hero-copy h1{
    margin:20px 0 14px;
    font-size:clamp(32px,4vw,54px);
    line-height:1.13;
    letter-spacing:-.035em;
    color:#111827;
    font-weight:800;
}
.hx-hero-copy h1 strong{
    background:linear-gradient(90deg,#5b5ce2,#7c3aed,#0891b2);
    -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hx-hero-copy p{max-width:650px;margin:0;color:#64748b;font-size:15px;line-height:1.9}
.hx-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.hx-hero-actions a{display:inline-flex;align-items:center;gap:8px;text-decoration:none!important}
.hx-hero-primary,.hx-hero-secondary{
    min-height:46px;padding:0 20px;border-radius:13px;font-size:14px;font-weight:700;
}
.hx-hero-primary{color:#fff!important;background:linear-gradient(135deg,#5b5ce2,#7c3aed);box-shadow:0 12px 28px rgba(91,92,226,.25)}
.hx-hero-secondary{color:#334155!important;background:rgba(255,255,255,.72);border:1px solid rgba(148,163,184,.24)}
.hx-hero-primary:hover,.hx-hero-secondary:hover{transform:translateY(-2px)}
.hx-hero-trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;color:#64748b;font-size:12px}
.hx-hero-trust span{display:inline-flex;align-items:center;gap:6px}
.hx-hero-trust i{color:#5b5ce2;font-size:15px}
.hx-hero-panel{
    position:relative;padding:20px;border-radius:22px;
    background:rgba(15,23,42,.93);border:1px solid rgba(255,255,255,.10);
    box-shadow:0 24px 55px rgba(15,23,42,.22);color:#fff;
}
.hx-hero-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.hx-panel-label{display:block;color:#94a3b8;font-size:9px;letter-spacing:.22em;margin-bottom:4px}
.hx-hero-panel-top strong{font-size:18px}
.hx-live{font-size:9px;letter-spacing:.12em;color:#94a3b8;display:flex;align-items:center;gap:6px}
.hx-live b{display:block;width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.10)}
.hx-category-list{display:grid;gap:9px}
.hx-category-card{
    display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;
    padding:12px;border-radius:14px;color:#fff!important;text-decoration:none!important;
    background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);
    transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.hx-category-card:hover{transform:translateX(4px);background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.14)}
.hx-category-card b{display:block;font-size:13px}.hx-category-card small{display:block;margin-top:3px;color:#94a3b8;font-size:10px}
.hx-category-card>i{color:#64748b}.hx-cat-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:18px}
.hx-cat-purple{background:rgba(124,58,237,.22);color:#c4b5fd}.hx-cat-cyan{background:rgba(6,182,212,.18);color:#67e8f9}.hx-cat-blue{background:rgba(59,130,246,.18);color:#93c5fd}
.hx-hero-panel-foot{display:flex;justify-content:space-between;margin-top:15px;padding-top:13px;border-top:1px solid rgba(255,255,255,.08);font-size:10px;color:#64748b}
.hx-hero-panel-foot span:first-child{color:#cbd5e1}
.hx-hero-glow{position:absolute;filter:blur(45px);border-radius:50%;pointer-events:none;z-index:0;opacity:.65}
.hx-hero-glow-a{width:240px;height:240px;right:5%;top:-80px;background:rgba(124,58,237,.16)}
.hx-hero-glow-b{width:220px;height:220px;left:0;bottom:-120px;background:rgba(6,182,212,.12)}

/* 让商品卡片更接近现代数字商城 */
.ceo-home-card-top .card-item{
    border:1px solid rgba(226,232,240,.85)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.93)!important;
    box-shadow:0 8px 30px rgba(15,23,42,.06)!important;
    transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
.ceo-home-card-top .card-item:hover{transform:translateY(-6px)!important;box-shadow:0 18px 42px rgba(15,23,42,.12)!important;border-color:rgba(124,58,237,.22)!important}
.ceo-home-card-top .ceo_app_img .cover{background:#f8fafc}
.ceo-home-card-top .ceo_app_img img{aspect-ratio:16/10;object-fit:cover}
.ceo-home-card-top .card-title-desc{padding:13px 15px 5px}
.ceo-home-card-top .card-title-desc .title{font-weight:700;font-size:14px;color:#1e293b;line-height:1.55}
.ceo-home-card-top .card-foot{padding:8px 15px 13px!important}
.ceo-home-card-top .card-foot .cat{color:#94a3b8}

/* 首页模块之间留白更舒适 */
main>section.card:first-of-type{margin-top:8px}
main .ceo-container.ceo-margin-medium-top{margin-top:26px!important}

/* 夜间 Hero */
body.night .hx-hero-grid{background:radial-gradient(circle at 85% 15%,rgba(124,58,237,.22),transparent 28%),linear-gradient(135deg,rgba(15,23,42,.94),rgba(17,24,39,.86));border-color:rgba(255,255,255,.08)}
body.night .hx-hero-copy h1{color:#f8fafc}
body.night .hx-hero-copy p,.night .hx-hero-trust{color:#94a3b8}
body.night .hx-hero-secondary{color:#e2e8f0!important;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.10)}
body.night .ceo-home-card-top .card-item{background:rgba(15,23,42,.90)!important;border-color:rgba(255,255,255,.08)!important}
body.night .ceo-home-card-top .card-title-desc .title{color:#e2e8f0}

@media (max-width:900px){
    .hx-hero-grid{grid-template-columns:1fr;padding:38px 32px}
    .hx-hero-panel{max-width:620px}
}
@media (max-width:767px){
    .hx-store-hero{margin:12px 0 4px}
    .hx-hero-grid{padding:28px 20px;border-radius:22px;min-height:0;gap:24px}
    .hx-hero-copy h1{font-size:34px;margin-top:16px}
    .hx-hero-copy p{font-size:13px;line-height:1.8}
    .hx-hero-trust{gap:11px 16px}
    .hx-hero-primary,.hx-hero-secondary{min-height:44px;padding:0 16px}
    .hx-hero-panel{padding:15px;border-radius:18px}
}
@media (prefers-reduced-motion:reduce){
    .hx-category-card,.hx-hero-primary,.hx-hero-secondary{transition:none!important}
}

/* 登录弹窗 JS 失效时的安全兜底样式 */
.ceo-modal.hx-fallback-open{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:99999!important;
    overflow-y:auto!important;
    padding:15px 15px!important;
    background:rgba(0,0,0,.62)!important;
    opacity:1!important;
    box-sizing:border-box!important;
}
.ceo-modal.hx-fallback-open > .ceo-modal-dialog{
    opacity:1!important;
    transform:translateY(0)!important;
    margin:0 auto!important;
}
html.hx-modal-page,body.hx-modal-page{overflow:hidden!important}

/* =========================================================
   V5：用户菜单 Portal 修复
   只处理用户下拉菜单本身，不修改 Header 的定位/宽度。
   将 .user-down 临时移动到 body，彻底脱离任何父级层叠上下文。
   ========================================================= */
.hx-user-menu-portal{
    position:fixed !important;
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    z-index:2147483647 !important;
    width:330px !important;
    max-width:calc(100vw - 16px) !important;
    height:auto !important;
    top:auto;
    left:auto;
    right:auto;
    bottom:auto;
    margin:0 !important;
    padding-top:15px !important;
    transform:none !important;
    filter:none !important;
    perspective:none !important;
    backface-visibility:visible !important;
    overflow:visible !important;
}
.hx-user-menu-portal .user-down-main{
    position:relative !important;
    width:100% !important;
    box-sizing:border-box !important;
}
.hx-user-menu-portal.hx-user-menu-hidden{
    display:none !important;
}

/* =========================================================
   V6：精简商城顶部导航
   只针对当前使用的导航样式 2，不改 Header 定位，避免影响 V5 用户菜单。
   ========================================================= */
/* 去掉主题自带的顶部橙色信息条 */
#ceotheme .ceo-topnav{display:none !important;}

/* 隐藏与卡密商城无关的 WP 开发副标题和创作中心按钮 */
#ceotheme .navBar_02 .ceo-nav2-em{display:none !important;}
#ceotheme .navBar_02 .ceo_nav2_an{display:none !important;}
#ceotheme .navBar_02 .ceo_nav2_ssk{left:0 !important;margin:0 auto;}

/* 第二排只保留真正的商城导航 */
#ceotheme .navBar_02 .nav_2{background:rgba(255,255,255,.82) !important;border-top:1px solid rgba(226,232,240,.72);border-bottom:1px solid rgba(226,232,240,.72);box-shadow:0 6px 20px rgba(15,23,42,.035);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
#ceotheme .navBar_02 .ceo-navbtn{height:48px !important;}
#ceotheme .navBar_02 .hx-nav-brand{display:none !important;}
#ceotheme .navBar_02 .hx-main-nav{margin:0 !important;padding:0 !important;}
#ceotheme .navBar_02 .hx-main-nav > ul{display:flex;align-items:center;gap:6px;height:48px;padding:0 !important;}
#ceotheme .navBar_02 .hx-main-nav > ul > li{line-height:48px !important;margin:0 !important;}
#ceotheme .navBar_02 .hx-main-nav > ul > li > a{display:flex;align-items:center;height:36px;line-height:36px !important;padding:0 17px !important;margin:6px 0;border-radius:10px;color:#475569 !important;font-size:13px;font-weight:600;transition:all .2s ease;}
#ceotheme .navBar_02 .hx-main-nav > ul > li > a:hover{color:#5b5ce2 !important;background:rgba(91,92,226,.08);}
#ceotheme .navBar_02 .hx-main-nav > ul > li.current-menu-item > a{color:#fff !important;background:linear-gradient(135deg,#5b5ce2,#7c3aed);box-shadow:0 7px 18px rgba(91,92,226,.18);}
#ceotheme .navBar_02 .hx-main-nav > ul > li.current-menu-item > a::after{display:none !important;}

/* 夜间模式 */
body.night #ceotheme .navBar_02 .nav_2{background:rgba(15,23,42,.88) !important;border-color:rgba(255,255,255,.07);}
body.night #ceotheme .navBar_02 .hx-main-nav > ul > li > a{color:#cbd5e1 !important;}
body.night #ceotheme .navBar_02 .hx-main-nav > ul > li > a:hover{background:rgba(124,58,237,.16);color:#c4b5fd !important;}

@media (max-width:800px){
    #ceotheme .navBar_02 .ceo-topnav{display:none !important;}
}


/* =========================================================
   V7：珩宇网络科技商城整站升级
   目标：导航 / 商品卡 / 分类 / 浮层 / VIP / 移动端 / 品牌 / 购买流程
   不修改主题核心购买逻辑，仅重做展示层。
   ========================================================= */
:root{
    --hx-brand:#f59e0b;
    --hx-brand-deep:#d97706;
    --hx-action:#2563eb;
    --hx-action-deep:#1d4ed8;
    --hx-ink:#172033;
    --hx-muted:#718096;
    --hx-surface:#ffffff;
    --hx-line:#e8edf5;
    --hx-soft:#f7f9fc;
    --hx-shadow-soft:0 10px 30px rgba(15,23,42,.07);
}

/* ---------- 品牌统一 ---------- */
#ceotheme .navBar_02 .ceo-nav2-em.hx-brand-tag{
    display:inline-flex !important;
    align-items:center;
    height:24px;
    padding:0 9px;
    margin-left:10px;
    color:#fff !important;
    background:linear-gradient(135deg,var(--hx-brand),var(--hx-brand-deep)) !important;
    border:0;
    border-radius:7px;
    font-size:11px;
    font-weight:700;
    box-shadow:0 5px 14px rgba(245,158,11,.18);
    vertical-align:middle;
}
#ceotheme .navBar_02 .ceo-navlogo .logo{position:relative;}
#ceotheme .navBar_02 .ceo-navlogo .ceo-logo-nav-night,
#ceotheme .navBar_02 .ceo-navlogo .ceo-app-logo2{filter:none;}
#ceotheme .navBar_02 .header-info a.header-search[href="#header-search"]{display:none !important;}

/* ---------- 顶部导航再精简：更像商城，不像内容站 ---------- */
#ceotheme .navBar_02 .navbar{background:rgba(255,255,255,.96) !important;}
#ceotheme .navBar_02 .nav_2{
    background:#fff !important;
    border-top:1px solid var(--hx-line) !important;
    border-bottom:1px solid var(--hx-line) !important;
    box-shadow:0 5px 18px rgba(15,23,42,.035) !important;
}
#ceotheme .navBar_02 .hx-main-nav > ul{gap:4px !important;}
#ceotheme .navBar_02 .hx-main-nav > ul > li > a{
    height:34px !important;
    line-height:34px !important;
    margin:7px 0 !important;
    padding:0 16px !important;
    border-radius:9px !important;
    font-size:13px !important;
    color:#475569 !important;
}
#ceotheme .navBar_02 .hx-main-nav > ul > li > a:hover{
    color:var(--hx-action) !important;
    background:#eff6ff !important;
}
#ceotheme .navBar_02 .hx-main-nav > ul > li.current-menu-item > a{
    color:#fff !important;
    background:linear-gradient(135deg,var(--hx-action),var(--hx-action-deep)) !important;
    box-shadow:0 6px 15px rgba(37,99,235,.17) !important;
}
#ceotheme .navBar_02 .header-info .ceo-navbar-s,
#ceotheme .navBar_02 .header-info .header-search{
    width:34px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    color:#64748b;
}
#ceotheme .navBar_02 .header-info .ceo-navbar-s:hover,
#ceotheme .navBar_02 .header-info .header-search:hover{background:#f1f5f9;color:var(--hx-action);}

/* ---------- 首页商品卡：从传统文章卡变成商城卡 ---------- */
body.home .ceo-home-card-top{gap:16px !important;}
body.home .ceo-home-card-top > div{
    width:calc(25% - 12px) !important;
    max-width:none !important;
    flex:0 0 calc(25% - 12px) !important;
}
body.home .ceo-home-card-top .card-item{
    position:relative;
    height:100%;
    border:1px solid rgba(226,232,240,.9) !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.96) !important;
    box-shadow:0 8px 24px rgba(15,23,42,.055) !important;
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease !important;
}
body.home .ceo-home-card-top .card-item:hover{
    transform:translateY(-5px) !important;
    border-color:rgba(37,99,235,.22) !important;
    box-shadow:0 18px 38px rgba(15,23,42,.11) !important;
}
body.home .ceo-home-card-top .ceo_app_img{padding:10px 10px 0;}
body.home .ceo-home-card-top .ceo_app_img .cover{
    aspect-ratio:16/10;
    border-radius:12px !important;
    background:#f8fafc;
}
body.home .ceo-home-card-top .ceo_app_img img{width:100%;height:100%;object-fit:cover;}
body.home .ceo-home-card-top .card-title-desc{padding:13px 14px 7px !important;}
body.home .ceo-home-card-top .card-title-desc .title{
    font-size:14px !important;
    font-weight:700 !important;
    color:var(--hx-ink) !important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
body.home .ceo-home-card-top .ceo_freepath_subtitle{padding:0 14px 6px !important;}
body.home .ceo-home-card-top .ceo_freepath_zhujiang a{font-size:11px;color:#94a3b8 !important;}
body.home .ceo-home-card-top .card-foot{padding:8px 14px 13px !important;border-top:1px solid #f1f5f9;}
body.home .ceo-home-card-top .card-foot .cat{color:#64748b;}
body.home .ceo-home-card-top .ceo-card-foot .cat > span:last-child,
body.home .ceo-home-card-top .ceo-card-foot .cat .ceo-ycd:last-child{color:var(--hx-brand) !important;font-weight:800;}

/* ---------- 分类页：四列商品网格 + 更紧凑的商城卡 ---------- */
body.category .ceo-container > .ceo-grid-medium{display:flex;flex-wrap:wrap;gap:18px !important;}
body.category .ceo-container > .ceo-grid-medium > .ajax-item{
    width:calc(25% - 13.5px) !important;
    max-width:none !important;
    flex:0 0 calc(25% - 13.5px) !important;
    padding-left:0 !important;
}
body.category .ajax-item .card-item{
    height:100%;
    border:1px solid rgba(226,232,240,.9) !important;
    border-radius:16px !important;
    background:#fff !important;
    box-shadow:0 8px 24px rgba(15,23,42,.045) !important;
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease !important;
}
body.category .ajax-item .card-item:hover{
    transform:translateY(-5px);
    border-color:rgba(37,99,235,.20) !important;
    box-shadow:0 18px 36px rgba(15,23,42,.10) !important;
}
body.category .ajax-item .ceo_app_img{padding:10px 10px 0;}
body.category .ajax-item .ceo_app_img .cover{aspect-ratio:16/10;border-radius:12px !important;}
body.category .ajax-item .ceo_app_img img{width:100%;height:100%;object-fit:cover;}
body.category .ajax-item .card-title-desc{padding:13px 14px 6px !important;}
body.category .ajax-item .card-title-desc .title{font-weight:700;font-size:14px;color:var(--hx-ink);}
body.category .ajax-item .ceo_freepath_subtitle{padding:0 14px 5px !important;}
body.category .ajax-item .card-foot{padding:9px 14px 12px !important;border-top:1px solid #f1f5f9;}
body.category .ajax-item .ceo-card-foot .cat{color:#64748b;}
body.category .fenye{margin-top:28px !important;}

/* ---------- 底部搜索浮层：彻底取消大黑条，只保留右侧轻量入口 ---------- */
.ceo-kefu-bot{display:none !important;visibility:hidden !important;pointer-events:none !important;}
.ceo-kefu-img{
    display:flex !important;
    align-items:center;
    justify-content:center;
    top:50% !important;
    right:10px !important;
    width:44px;
    height:44px;
    padding:0;
    border-radius:14px 0 0 14px;
    background:rgba(255,255,255,.96);
    border:1px solid #e8edf5;
    box-shadow:0 8px 22px rgba(15,23,42,.10);
    overflow:hidden;
    z-index:10020 !important;
}
.ceo-kefu-img>img{width:34px !important;height:34px !important;object-fit:contain;}

/* ---------- VIP 侧边入口：简洁、小型、固定 ---------- */
body .ceo-kefu-img:after{
    content:'VIP';
    position:absolute;
    right:0;
    bottom:1px;
    padding:1px 4px;
    border-radius:5px 0 0 0;
    color:#fff;
    background:var(--hx-brand);
    font-size:8px;
    font-weight:800;
    line-height:12px;
}

/* ---------- 商品详情页：标准购买流程视觉 ---------- */
.hx-buy-flow{
    display:flex;
    align-items:center;
    gap:0;
    margin:0 0 16px;
    padding:14px 16px;
    border:1px solid #e8edf5;
    border-radius:14px;
    background:linear-gradient(135deg,#fff,#f8fbff);
    box-shadow:0 7px 22px rgba(15,23,42,.045);
}
.hx-buy-step{display:flex;align-items:center;gap:9px;min-width:0;flex:1;}
.hx-buy-num{
    width:30px;height:30px;flex:0 0 30px;
    display:flex;align-items:center;justify-content:center;
    border-radius:9px;
    color:#fff;background:linear-gradient(135deg,var(--hx-action),var(--hx-action-deep));
    font-size:12px;font-weight:800;
}
.hx-buy-step strong{display:block;font-size:12px;color:var(--hx-ink);}
.hx-buy-step small{display:block;margin-top:2px;color:#94a3b8;font-size:10px;}
.hx-buy-arrow{width:32px;flex:0 0 32px;text-align:center;color:#cbd5e1;font-size:16px;}
/* 购买按钮统一 */
body.single .btn-ceo-purchase-product,
body.single .priceBtn > a.makeFunc,
body.single .deankcinfos .deankcinfo_r > a.z1{
    border-radius:11px !important;
    box-shadow:0 9px 22px rgba(37,99,235,.18) !important;
    transition:transform .2s ease,box-shadow .2s ease !important;
}
body.single .btn-ceo-purchase-product:hover,
body.single .priceBtn > a.makeFunc:hover,
body.single .deankcinfos .deankcinfo_r > a.z1:hover{transform:translateY(-2px);}

/* ---------- 单页整体 ---------- */
body.single .single-warp,
body.single .ceo-shop1-zl,
body.single .ceo-shop4-zl,
body.single .ceo-shop3-zl{border-radius:16px !important;}
body.single .single-content img{max-width:100%;height:auto;border-radius:10px;}

/* ---------- 移动端重新适配 ---------- */
@media (max-width:1100px){
    body.home .ceo-home-card-top > div{width:calc(33.333% - 11px) !important;flex-basis:calc(33.333% - 11px) !important;}
    body.category .ceo-container > .ceo-grid-medium > .ajax-item{width:calc(33.333% - 12px) !important;flex-basis:calc(33.333% - 12px) !important;}
}
@media (max-width:767px){
    #ceotheme .navBar_02 .navbar{min-height:62px !important;}
    #ceotheme .navBar_02 .ceo-navbar-2{padding:0 12px !important;min-height:62px !important;}
    #ceotheme .navBar_02 .ceo-navlogo{display:flex;align-items:center;min-width:0;}
    #ceotheme .navBar_02 .ceo-logo-nav-night{background-size:112px auto !important;}
    #ceotheme .navBar_02 .ceo-nav2-em.hx-brand-tag{height:21px;padding:0 7px;font-size:9px;margin-left:6px;}
    #ceotheme .navBar_02 .ceo_nav2_ssk{display:none !important;}
    #ceotheme .navBar_02 .header-info{gap:2px;}
    #ceotheme .navBar_02 .header-info .header-search,
    #ceotheme .navBar_02 .header-info .ceo-navbar-s{width:30px;height:30px;margin-right:0 !important;}
    #ceotheme .navBar_02 .nav_2{display:none !important;}
    body.home .ceo-home-card-top{gap:12px !important;}
    body.home .ceo-home-card-top > div{width:calc(50% - 6px) !important;flex-basis:calc(50% - 6px) !important;}
    body.home .ceo-home-card-top .card-title-desc{padding:10px 11px 5px !important;}
    body.home .ceo-home-card-top .card-title-desc .title{font-size:13px !important;}
    body.home .ceo-home-card-top .ceo_app_img{padding:7px 7px 0;}
    body.home .ceo-home-card-top .ceo_app_img .cover{border-radius:9px !important;}
    body.home .ceo-home-card-top .card-foot{padding:7px 10px 9px !important;}
    body.category .ceo-container > .ceo-grid-medium{gap:12px !important;}
    body.category .ceo-container > .ceo-grid-medium > .ajax-item{width:calc(50% - 6px) !important;flex-basis:calc(50% - 6px) !important;}
    body.category .ajax-item .ceo_app_img{padding:7px 7px 0;}
    body.category .ajax-item .card-title-desc{padding:10px 10px 5px !important;}
    body.category .ajax-item .card-title-desc .title{font-size:13px;}
    body.category .ajax-item .card-foot{padding:7px 10px 9px !important;}
    .ceo-kefu-img{right:0 !important;width:38px;height:38px;border-radius:12px 0 0 12px;}
    .ceo-kefu-img>img{width:29px !important;height:29px !important;}
    .hx-buy-flow{padding:11px 10px;margin-bottom:12px;overflow:hidden;}
    .hx-buy-step{gap:6px;}
    .hx-buy-num{width:26px;height:26px;flex-basis:26px;border-radius:8px;font-size:10px;}
    .hx-buy-step strong{font-size:10px;white-space:nowrap;}
    .hx-buy-step small{font-size:8px;white-space:nowrap;}
    .hx-buy-arrow{width:16px;flex-basis:16px;font-size:12px;}
    body.single .priceBtn > a.makeFunc,
    body.single .deankcinfos .deankcinfo_r > a.z1{min-height:44px !important;}
}
@media (max-width:380px){
    .hx-buy-step small{display:none;}
    .hx-buy-arrow{width:10px;flex-basis:10px;}
}

/* ---------- 夜间模式 ---------- */
body.night #ceotheme .navBar_02 .navbar,
body.night #ceotheme .navBar_02 .nav_2{background:rgba(15,23,42,.96) !important;border-color:rgba(255,255,255,.07) !important;}
body.night #ceotheme .navBar_02 .hx-main-nav > ul > li > a{color:#cbd5e1 !important;}
body.night #ceotheme .navBar_02 .hx-main-nav > ul > li > a:hover{background:rgba(37,99,235,.16) !important;color:#93c5fd !important;}
body.night .ceo-kefu-img{background:rgba(15,23,42,.95);border-color:rgba(255,255,255,.08);}
body.night .hx-buy-flow{background:linear-gradient(135deg,#0f172a,#111827);border-color:rgba(255,255,255,.08);}
body.night .hx-buy-step strong{color:#e2e8f0;}

/* V10：VIP 动态弹窗必须高于所有主题浮层，并允许内部控件接收点击 */
#ceoshop-member-box #ceo-svip,
#ceoshop-member-box #ceo-payment-wrap{
    z-index:2147483000 !important;
    pointer-events:auto !important;
}
#ceoshop-member-box #ceo-svip .ceo-modal-dialog,
#ceoshop-member-box #ceo-payment-wrap .ceo-modal-dialog{
    position:relative !important;
    z-index:2147483001 !important;
    pointer-events:auto !important;
}
#ceoshop-member-box #ceo-svip button,
#ceoshop-member-box #ceo-svip a,
#ceoshop-member-box #ceo-svip input,
#ceoshop-member-box #ceo-payment-wrap button,
#ceoshop-member-box #ceo-payment-wrap a,
#ceoshop-member-box #ceo-payment-wrap input{
    pointer-events:auto !important;
}

/* V11：珩宇网络科技蓝紫品牌 - VIP 弹窗统一渐变配色 */
:root{
    --hx-brand-blue:#2563eb;
    --hx-brand-indigo:#4f46e5;
    --hx-brand-purple:#7c3aed;
    --hx-brand-purple-deep:#6d28d9;
    --hx-brand-soft:#eef2ff;
    --hx-brand-soft-2:#f5f3ff;
}

/* VIP 主弹窗：白底 + 蓝紫柔和渐变 */
#ceoshop-member-box #ceo-svip .ceo-modal-dialog{
    background:linear-gradient(145deg,#eef4ff 0%,#f5f3ff 52%,#ffffff 100%) !important;
    border:1px solid rgba(79,70,229,.14) !important;
    box-shadow:0 24px 70px rgba(37,99,235,.20),0 8px 28px rgba(124,58,237,.12) !important;
    overflow:hidden !important;
}

#ceoshop-member-box #ceo-svip .ceo-modal-dialog .top{
    background:linear-gradient(135deg,#2563eb 0%,#4f46e5 48%,#7c3aed 100%) !important;
    color:#fff !important;
    border:0 !important;
    position:relative !important;
}

#ceoshop-member-box #ceo-svip .ceo-modal-dialog .top:after{
    content:"";
    position:absolute;
    left:-10%;
    right:-10%;
    bottom:-45px;
    height:90px;
    background:radial-gradient(ellipse at center,rgba(255,255,255,.22),rgba(255,255,255,0) 70%);
    pointer-events:none;
}

#ceoshop-member-box #ceo-svip .ceo-modal-dialog .top .moduletitle span,
#ceoshop-member-box #ceo-svip .ceo-modal-dialog .top .moduletitle p{
    color:#fff !important;
}

/* VIP 套餐卡片 */
#ceoshop-member-box #ceo-svip .ceo-modal-dialog .top .package ul li button{
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(79,70,229,.14) !important;
    border-radius:12px !important;
    transition:all .2s ease !important;
}
#ceoshop-member-box #ceo-svip .ceo-modal-dialog .top .package ul li button:hover{
    border-color:rgba(79,70,229,.42) !important;
    box-shadow:0 8px 22px rgba(79,70,229,.13) !important;
    transform:translateY(-2px);
}
#ceoshop-member-box #ceo-svip .ceo-modal-dialog .top .package ul li button.select{
    background:linear-gradient(135deg,#eef4ff 0%,#f5f3ff 100%) !important;
    border:2px solid #6366f1 !important;
    box-shadow:0 8px 24px rgba(79,70,229,.16) !important;
}
#ceoshop-member-box #ceo-svip .ceo-modal-dialog .top .package ul li button.select p,
#ceoshop-member-box #ceo-svip .ceo-modal-dialog .top .package ul li button.select em{
    color:#4f46e5 !important;
}
#ceoshop-member-box #ceo-svip .ceo-modal-dialog .top .package ul li button em{
    color:#4f46e5 !important;
}

/* 套餐标签改为蓝紫渐变 */
#ceoshop-member-box #ceo-svip .ceo-modal-dialog .top .package ul li button .tag{
    background:linear-gradient(90deg,#2563eb,#7c3aed) !important;
    color:#fff !important;
    border-radius:6px !important;
}

/* 描述/支付区域 */
#ceoshop-member-box #ceo-svip .ceo-modal-dialog .top .desc,
#ceoshop-member-box #ceo-svip .ceo-modal-dialog .top .way{
    background:rgba(255,255,255,.88) !important;
    border:1px solid rgba(79,70,229,.10) !important;
    border-radius:12px !important;
}

#ceoshop-member-box #ceo-svip .ceo-modal-dialog .top .way ul li button{
    border-radius:9px !important;
    transition:all .18s ease !important;
}
#ceoshop-member-box #ceo-svip .ceo-modal-dialog .top .way ul li button.select{
    background:linear-gradient(135deg,#eef4ff,#f5f3ff) !important;
    border-color:#6366f1 !important;
    color:#4f46e5 !important;
}

/* 优惠券按钮 */
#ceoshop-member-box #ceo-svip .ceo-modal-dialog .top .way .coupon button,
#ceoshop-member-box #ceo-svip .ceo-modal-dialog .bottom button{
    background:linear-gradient(135deg,#2563eb 0%,#4f46e5 50%,#7c3aed 100%) !important;
    color:#fff !important;
    border:0 !important;
    border-radius:9px !important;
    box-shadow:0 7px 18px rgba(79,70,229,.22) !important;
    transition:all .2s ease !important;
}
#ceoshop-member-box #ceo-svip .ceo-modal-dialog .top .way .coupon button:hover,
#ceoshop-member-box #ceo-svip .ceo-modal-dialog .bottom button:hover{
    filter:brightness(1.06);
    transform:translateY(-1px);
    box-shadow:0 10px 24px rgba(79,70,229,.28) !important;
}

/* 支付金额强调 */
#ceoshop-member-box #ceo-svip .ceo-modal-dialog .bottom .money em,
#ceoshop-member-box #ceo-svip .ceo-modal-dialog .bottom .money p span{
    color:#4f46e5 !important;
}

/* 弹窗底部 */
#ceoshop-member-box #ceo-svip .ceo-modal-dialog .bottom{
    background:rgba(255,255,255,.96) !important;
    border-top:1px solid rgba(79,70,229,.10) !important;
}

/* 移动端保持蓝紫渐变并适当收紧阴影 */
@media (max-width:640px){
    #ceoshop-member-box #ceo-svip .ceo-modal-dialog{
        box-shadow:0 16px 44px rgba(37,99,235,.18) !important;
    }
}


/* V14：珩宇网络科技品牌统一 - 蓝紫色最终覆盖 */
:root{
  --hx-brand:#4f46e5;
  --hx-brand-deep:#7c3aed;
  --hx-action:#2563eb;
  --hx-brand-blue:#2563eb;
  --hx-brand-indigo:#4f46e5;
  --hx-brand-purple:#7c3aed;
  --hx-brand-purple-deep:#6d28d9;
  --hx-brand-soft:#eef2ff;
  --hx-brand-soft-2:#f5f3ff;
}

/* =========================================================
   V15：珩宇网络科技 · Hero 时间动态渐变
   ========================================================= */
.hx-store-hero{
    --hx-time-a:#eef4ff;
    --hx-time-b:#f5f3ff;
    --hx-time-c:#ffffff;
    --hx-time-glow-a:rgba(37,99,235,.14);
    --hx-time-glow-b:rgba(124,58,237,.13);
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg,var(--hx-time-a) 0%,var(--hx-time-b) 52%,var(--hx-time-c) 100%)!important;
    transition:background 2.2s ease, --hx-time-a 2.2s ease, --hx-time-b 2.2s ease, --hx-time-c 2.2s ease;
}
.hx-store-hero .hx-hero-glow-a{
    background:var(--hx-time-glow-a)!important;
    transition:background 2.2s ease,transform 3s ease;
}
.hx-store-hero .hx-hero-glow-b{
    background:var(--hx-time-glow-b)!important;
    transition:background 2.2s ease,transform 3s ease;
}
.hx-store-hero.hx-time-morning{
    --hx-time-a:#e9f5ff;
    --hx-time-b:#f1edff;
    --hx-time-c:#ffffff;
    --hx-time-glow-a:rgba(14,165,233,.18);
    --hx-time-glow-b:rgba(124,58,237,.14);
}
.hx-store-hero.hx-time-day{
    --hx-time-a:#edf6ff;
    --hx-time-b:#eef0ff;
    --hx-time-c:#ffffff;
    --hx-time-glow-a:rgba(37,99,235,.17);
    --hx-time-glow-b:rgba(99,102,241,.14);
}
.hx-store-hero.hx-time-evening{
    --hx-time-a:#eef2ff;
    --hx-time-b:#f3eaff;
    --hx-time-c:#fff7fb;
    --hx-time-glow-a:rgba(79,70,229,.18);
    --hx-time-glow-b:rgba(168,85,247,.17);
}
.hx-store-hero.hx-time-night{
    --hx-time-a:#0f1b3d;
    --hx-time-b:#211a4f;
    --hx-time-c:#17142f;
    --hx-time-glow-a:rgba(37,99,235,.30);
    --hx-time-glow-b:rgba(124,58,237,.28);
}
.hx-store-hero.hx-time-night .hx-hero-grid{
    background:linear-gradient(135deg,rgba(15,23,42,.82),rgba(30,27,75,.72))!important;
    border-color:rgba(147,197,253,.12)!important;
}
.hx-store-hero.hx-time-night .hx-hero-copy h1{color:#f8fafc!important}
.hx-store-hero.hx-time-night .hx-hero-copy p,
.hx-store-hero.hx-time-night .hx-hero-trust{color:#cbd5e1!important}
.hx-store-hero.hx-time-night .hx-hero-secondary{
    color:#e2e8f0!important;
    background:rgba(255,255,255,.07)!important;
    border-color:rgba(255,255,255,.12)!important;
}
.hx-store-hero.hx-time-night .hx-hero-panel{
    background:rgba(15,23,42,.56)!important;
    border-color:rgba(255,255,255,.10)!important;
}
.hx-store-hero.hx-time-night .hx-hero-panel-top strong{color:#f8fafc!important}
.hx-store-hero.hx-time-night .hx-hero-panel-foot{color:#94a3b8!important}
.hx-store-hero.hx-time-night .hx-hero-panel-foot span:first-child{color:#cbd5e1!important}
@media (prefers-reduced-motion:reduce){
    .hx-store-hero,.hx-store-hero .hx-hero-glow-a,.hx-store-hero .hx-hero-glow-b{transition:none!important}
}