@charset "UTF-8";
/* ============================================================
   北京乾晟建邺科技有限公司 · 18qiansheng.cn · 京ICP备2026078937号
   全站 UI 骨架参照「粉红色珠宝婚戒宽屏 bootstrap 模板」（RAR cpts_46_eo）：
   藏蓝渐变页面底 / 白色圆角头部卡(Logo+搜索+购物篮) / #4d4a4a 深色主导航(#1E4E8C 藏蓝高亮)
   #1E4E8C 主色按钮 / #1C3D6E 藏蓝页脚 / 表单圆角 10px
   ============================================================ */

:root {
  --rar-grad: linear-gradient(to bottom, rgba(74,121,173,.98) 0%, rgba(20,51,95,.94) 52%, rgba(30,78,140,.96) 100%);
  --rar-pri: #1E4E8C;
  --rar-pri-dark: #0B2447;
  --rar-acc: #2E6DB4;
  --rar-acc-soft: #E8EEF6;
  --rar-dark: #4d4a4a;
}

/* ---------- 页面底色：紫粉渐变（RAR body） ---------- */
body {
  background: #4A79AD;
  background: var(--rar-grad);
  background-attachment: fixed;
  color: #22334A;
}
a:hover { color: var(--rar-pri); }
hr { border-top: 1px dashed rgba(255,255,255,.5); }

/* ---------- 顶部工具条：透明悬浮于渐变上（RAR .header） ---------- */
.xs-topbar { background: transparent; border-bottom: 0; color: rgba(255,255,255,.92); }
.xs-topbar a { color: rgba(255,255,255,.92); }
.xs-topbar a:hover { color: #fff; text-shadow: 0 0 6px rgba(255,255,255,.6); }
.xs-gap { color: rgba(255,255,255,.55); }
.xs-usermenu { background: #fff; border-color: #f0cfe8; box-shadow: 0 4px 12px rgba(69,3,69,.25); }
.xs-usermenu a:hover { background: var(--rar-acc-soft); }
.xs-userdrop:hover { background: transparent; }

/* ---------- 头部：白色大圆角卡（RAR .header-top） ---------- */
.xs-head { background: #fff; border-radius: 25px; box-shadow: 0 2px 14px rgba(69,3,69,.22);
  padding: 22px 30px; margin-top: 12px; }
.xs-logo-txt b { color: #16305B; letter-spacing: 4px; }
.xs-logo-txt small { color: #7E9BC0; }
.xs-search { top: 30px; }
.xs-search form { border: 2px solid var(--rar-pri); border-radius: 10px; overflow: hidden; }
.xs-search button { background: var(--rar-pri); }
.xs-search button:hover { background: var(--rar-pri-dark); }
.xs-hotwords a { color: #8FA5C0; }
.xs-hotwords a:hover { color: var(--rar-pri); }
.xs-head-tel i { color: var(--rar-acc); }
.xs-head-tel b { color: #C0392B; }
.xs-head-tel span { color: #8FA5C0; }

/* ---------- 主导航：深色圆角条 + 紫色高亮（RAR .top-nav） ---------- */
.xs-navbg { background: transparent; padding: 0 0 4px; }
#mainNav { background: var(--rar-dark); border-radius: 25px; box-shadow: 0 2px 10px rgba(30,4,30,.35);
  padding: 0 10px; }
.xs-cateall { background: var(--rar-pri); border-radius: 25px 0 0 25px; }
.xs-cate-panel { background: #16305B; }
.xs-cate-panel dl { border-top: 1px solid rgba(255,255,255,.14); }
.xs-cate-panel dt a:hover { color: #BBD4F0; }
.xs-cate-panel dd { color: #9FBBDD; }
.xs-navlist .aa:hover, .xs-navlist .aa#aa_on { background: var(--rar-pri); color: #fff; }
.xs-cart a { background: var(--rar-pri); border-radius: 10px; }
.xs-cart a:hover { background: var(--rar-pri-dark); }
.xs-cart b { background: #e4393c; }

/* ---------- 内页标题条：白色圆角卡 ---------- */
.page-banner { background: rgba(255,255,255,.96); border: 0; border-radius: 25px;
  box-shadow: 0 2px 10px rgba(69,3,69,.18); padding: 18px 26px; }
.page-banner .pb-crumb a { color: var(--rar-pri); }
.page-banner h2 { color: #16283F; }

/* ---------- 分类筛选条 ---------- */
.catbar { background: rgba(255,255,255,.96); border: 0; border-radius: 16px;
  box-shadow: 0 2px 10px rgba(69,3,69,.14); }
.catbar a, .catbar button { border-radius: 10px; }
.catbar a:hover, .catbar button:hover { border-color: var(--rar-pri); color: var(--rar-pri); }
.catbar .on { background: var(--rar-pri); border-color: var(--rar-pri); color: #fff; }

/* ---------- 栏目标题 ---------- */
.sec-head { border-bottom-color: var(--rar-pri); }
.sec-head h3 { background: var(--rar-pri); }
.sec-link { color: var(--rar-pri); }
.sec-link:hover { color: var(--rar-acc); }

/* ---------- 首页 hero / 信任条 ---------- */
.hero-kicker { background: var(--rar-acc-soft); color: var(--rar-pri); }
.main .hero h2, .xs-main .hero h2 { color: #fff; text-shadow: 0 2px 10px rgba(69,3,69,.4); }
.main .hero p, .xs-main .hero p { color: rgba(255,255,255,.92); }
.hy-trust { background: rgba(255,255,255,.96); border: 0; border-radius: 25px;
  box-shadow: 0 2px 10px rgba(69,3,69,.18); }
.trust-item > i { background: var(--rar-pri); }
.trust-item b { color: #16283F; }
.trust-item span { color: #8FA5C0; }

/* ---------- 轮播：紫粉遮罩 ---------- */
#carousel-example-generic { border-radius: 25px; overflow: hidden; box-shadow: 0 4px 18px rgba(69,3,69,.3); }
#carousel-example-generic .carousel-inner:before {
  background: linear-gradient(100deg, rgba(10,26,51,.78) 0%, rgba(20,51,95,.42) 48%, rgba(30,78,140,.08) 100%);
}
.carousel-caption .slide-pic img { border-radius: 16px; box-shadow: 0 18px 44px rgba(69,3,69,.5); }
.hc-btn { background: var(--rar-pri); border-radius: 10px; }
.hc-btn:hover { background: var(--rar-pri-dark); }
.carousel-indicators li.active { background: #BBD4F0; }

/* ---------- 商品卡 ---------- */
.hy-card { border-radius: 14px; }
.hy-card:hover { border-color: var(--rar-pri); box-shadow: 0 8px 20px rgba(69,3,69,.28); }
.hy-card .hy-pic { border-radius: 14px 14px 0 0; }
.hy-ribbon { background: rgba(30,78,140,.92); border-radius: 0 8px 8px 0; }
.hy-ribbon.hot { background: #e4393c; }
.hy-card .hy-cat { color: var(--rar-pri); }
.hy-card h4 a:hover { color: var(--rar-pri); }
.hy-tag { background: var(--rar-acc-soft); color: var(--rar-pri); }
.hy-add { border: 1px solid var(--rar-pri); border-radius: 10px; background: #fff; color: var(--rar-pri); }
.hy-add:hover { background: var(--rar-pri); color: #fff; }

/* ---------- 分类圆形卡 / 服务四项 ---------- */
.team .team-profile { border-radius: 14px; }
.team .team-profile:hover { border-color: var(--rar-pri); box-shadow: 0 8px 20px rgba(69,3,69,.24); }
.tp-link { border: 1px solid var(--rar-pri); border-radius: 10px; color: var(--rar-pri) !important; }
.tp-link:hover { background: var(--rar-pri); color: #fff !important; }
.service .service-item { border-radius: 14px; }
.service .service-item:hover { border-color: var(--rar-pri); }
.service .service-item i { background: var(--rar-pri); }
.service .service-item i.skyblue { background: #3D6FA8; }
.service .service-item i.nblue { background: #2E6DB4; }
.service .service-item i.blue { background: #4A79AD; }
.service .service-item i.green { background: #16305B; }

/* ---------- 场景导购 ---------- */
.scene-card { border-radius: 14px; }
.scene-mask { background: linear-gradient(to top, rgba(10,26,51,.88) 0%, rgba(20,51,95,.3) 52%, rgba(30,78,140,0) 100%); }
.scene-txt small { color: #9FBBDD; }

/* ---------- 买家评价 ---------- */
.testimonial .testimonial-content { border-radius: 14px; }
.testimonial .testimonial-content:hover { border-color: var(--rar-pri); }
.testimonial .testimonial-content h4 { color: #16283F; }

/* ---------- 付费资讯卡 ---------- */
.ptable .ptable-content { border-radius: 14px; }
.ptable .ptable-content:hover { border-color: var(--rar-pri); }
.ptable .ptable-content .btn { background: var(--rar-pri); border-color: var(--rar-pri); border-radius: 10px; }
.ptable .ptable-content .btn:hover { background: var(--rar-pri-dark); }
.news-price-chip { background: #e4393c; border-radius: 8px; }
.news-banner { background: linear-gradient(110deg, #16305B 0%, #4A79AD 70%, #2E6DB4 100%);
  border-radius: 25px; box-shadow: 0 3px 14px rgba(69,3,69,.28); }
.nm-lead { border-radius: 14px; }
.nm-lead:hover { border-color: var(--rar-pri); }
.nm-card { border-radius: 14px; }
.nm-card:hover { box-shadow: 0 8px 20px rgba(69,3,69,.26); border-color: var(--rar-pri); }
.nm-card .nm-no { color: #C9D8EC; }
.nm-chip { background: var(--rar-acc-soft); color: var(--rar-pri); border-radius: 8px; }
.nm-card h3 a:hover { color: var(--rar-pri); }
.nm-foot .nm-read { color: var(--rar-pri); }
.nm-foot .nm-read:hover { color: var(--rar-acc); }
.nm-filter button { border-radius: 10px; }
.nm-filter button.on, .nm-filter button:hover { background: var(--rar-pri); border-color: var(--rar-pri); }

/* ---------- 资讯详情 ---------- */
.nd-head h1 { color: #fff; text-shadow: 0 2px 8px rgba(69,3,69,.35); }
.nd-meta { color: rgba(255,255,255,.85); border-bottom-color: rgba(255,255,255,.4); }
.nd-lead { color: #fff; }
.nd-body { color: #22334A; }
.nd-body p { border-left-color: #B9CCE4; }
.nd-wall { background: rgba(255,255,255,.96); border: 0; border-radius: 25px;
  box-shadow: 0 3px 14px rgba(69,3,69,.22); }
.nd-wall h4 { color: #16283F; }
.nd-wall .nd-wall-price { color: #C0392B; }

/* ---------- 联系面板 ---------- */
.hy-info-panel { background: rgba(255,255,255,.96); border: 0; border-radius: 25px;
  box-shadow: 0 2px 10px rgba(69,3,69,.18); }
.hy-info-panel h4 { color: #16283F; }
.ip-kicker { background: var(--rar-acc-soft); color: var(--rar-pri); }
.ip-head h4 { color: #16283F; }
.ip-item { border-radius: 10px; }
.ip-item > i { background: var(--rar-pri); border-radius: 8px; }
.ip-item span { color: #16283F; }
.contact .contact-details .form input, .contact .contact-details .form textarea { border-radius: 10px; }
.contact .contact-details .form input:focus, .contact .contact-details .form textarea:focus { border-color: var(--rar-pri); }

/* ---------- 筛选工具条 / 空态 ---------- */
.hy-toolbar { background: rgba(255,255,255,.96); border: 0; border-radius: 16px;
  box-shadow: 0 2px 10px rgba(69,3,69,.14); }
.hy-toolbar input[type=text], .hy-toolbar input[type=number], .hy-toolbar select { border-radius: 10px; border-color: #e3d3de; }
.hy-empty { color: rgba(255,255,255,.9); }
.hy-empty a { color: #BBD4F0; }

/* ---------- 商品详情 ---------- */
.hy-gallery .hy-main-pic { border-radius: 16px; }
.hy-thumbs img { border-radius: 10px; }
.hy-thumbs img.on { border-color: var(--rar-pri); }
.hy-dinfo .hy-cat { color: #BBD4F0; }
.hy-dinfo h2 { color: #fff; text-shadow: 0 2px 8px rgba(69,3,69,.35); }
.hy-dinfo .d-sub { color: rgba(255,255,255,.9); }
.hy-dprice { background: rgba(255,255,255,.96); border: 0; border-radius: 16px;
  box-shadow: 0 2px 10px rgba(69,3,69,.18); }
.hy-dprice .hy-price { color: #C0392B; }
.hy-dmeta { color: rgba(255,255,255,.88); border-bottom-color: rgba(255,255,255,.35); }
.hy-dmeta b { color: #fff; }
.hy-highlights div { color: rgba(255,255,255,.92); }
.hy-highlights i { color: #ffc9ef; }
.btn-hy { background: var(--rar-pri); border-radius: 10px; }
.btn-hy:hover { background: var(--rar-pri-dark); }
.btn-hy.btn-ghost { background: transparent; color: #BBD4F0; border: 1px solid rgba(255,215,244,.85); }
.btn-hy.btn-ghost:hover { background: rgba(255,255,255,.16); color: #fff; }
.btn-hy.btn-warn { background: var(--rar-acc); }
.btn-hy.btn-warn:hover { background: var(--rar-pri-dark); }
.hy-specs { border-radius: 12px; overflow: hidden; border: 1px solid rgba(255,255,255,.5); }
.hy-specs th, .hy-specs td { border-color: rgba(255,255,255,.5); }
.hy-specs th { background: var(--rar-pri); color: #fff; }
.hy-specs td { color: #22334A; }
.hy-article { background: rgba(255,255,255,.96); border: 0; border-radius: 16px;
  box-shadow: 0 2px 10px rgba(69,3,69,.18); color: #22334A; }
.hy-review .r-head { color: rgba(255,255,255,.85); }
.hy-review .r-head b { color: #fff; }
.hy-review .r-body { color: rgba(255,255,255,.9); }
.hy-review .r-date { color: rgba(255,255,255,.65); }

/* ---------- 表格 / 表单 ---------- */
.hy-table { border-radius: 12px; overflow: hidden; border: 1px solid rgba(255,255,255,.5); }
.hy-table th, .hy-table td { border-color: rgba(255,255,255,.55); }
.hy-table th { background: var(--rar-pri); color: #fff; }
.hy-table td { color: #22334A; }
.hy-table .t-name { color: #16283F; }
.hy-qty { border-radius: 8px; }
.hy-qty button:hover { background: var(--rar-pri); }
.hy-summary { background: #F0F5FB; border-color: #B9CCE4; border-radius: 12px; }
.hy-summary .sum-price { color: #C0392B; }
.hy-form label { color: #33465F; }
.hy-form input[type=text], .hy-form input[type=password], .hy-form input[type=tel], .hy-form textarea, .hy-form select {
  border-radius: 10px; border-color: #e3d3de; }
.hy-form input:focus, .hy-form textarea:focus, .hy-form select:focus { border-color: var(--rar-pri); }
.hy-checkbox a { color: var(--rar-pri); }
.f-row.has-error input, .f-row.has-error textarea { border-color: #e4393c; }

/* ---------- 资讯横幅内页工具 ---------- */
.nm-filter { color: #fff; }

/* ---------- 弹窗 / 收银台 ---------- */
.hy-modal { border-radius: 16px; overflow: hidden; }
.hy-modal .m-head { background: linear-gradient(110deg, #16305B, #4A79AD); }
.hy-modal .m-tabs a.on { color: var(--rar-pri); border-bottom-color: var(--rar-pri); }
.hy-modal .m-foot a { color: var(--rar-pri); }
.hy-captcha canvas { border-radius: 8px; border-color: #e3d3de; }
.pay-code.pay-logo img { border-radius: 12px; border-color: #B9CCE4; }
.pay-line b { color: #C0392B; }

/* ---------- 登录注册弹窗：粉色会员卡 ---------- */
.auth-side { background: linear-gradient(160deg, #0B2447 0%, #1E4E8C 55%, #4A79AD 100%); }
.auth-ads li i { color: #BBD4F0; }
.auth-main .m-tabs { border-bottom-color: var(--rar-pri); }
.auth-main .m-tabs a.on { color: var(--rar-pri); border-bottom-color: var(--rar-pri); }
.in-box { border-radius: 10px; border-color: #e3d3de; }
.in-box:focus-within { border-color: var(--rar-pri); }
.auth-foot b { color: #C0392B; }

/* ---------- 个人中心 ---------- */
.hy-tabs { border-bottom-color: var(--rar-pri); }
.hy-tabs button { border-radius: 10px 10px 0 0; }
.hy-tabs button.on { background: var(--rar-pri); border-color: var(--rar-pri); }
.hy-gate { background: rgba(255,255,255,.96); border: 0; border-radius: 25px;
  box-shadow: 0 2px 10px rgba(69,3,69,.18); }

/* ---------- 协议页 ---------- */
.legal-hero { background: rgba(255,255,255,.96); border-left: 4px solid var(--rar-pri);
  border-radius: 0 16px 16px 0; box-shadow: 0 2px 10px rgba(69,3,69,.16); }
.legal-hero h1 { color: #16283F; }
.legal-toc a { border-radius: 8px; }
.legal-toc a:hover { border-color: var(--rar-pri); color: var(--rar-pri); }
.legal-sec { border-radius: 14px; box-shadow: 0 2px 8px rgba(69,3,69,.12); }
.legal-sec h3 { color: #16283F; }
.privacy-hero { background: linear-gradient(110deg, #16305B, #4A79AD); border-radius: 25px;
  box-shadow: 0 3px 14px rgba(69,3,69,.26); }
.privacy-sec { border-radius: 14px; box-shadow: 0 2px 8px rgba(69,3,69,.12); }
.privacy-sec .ps-no { background: var(--rar-acc-soft); color: var(--rar-pri); }

/* ---------- 商家入驻 ---------- */
.mh-hero { background: rgba(255,255,255,.96); border: 0; border-radius: 25px;
  box-shadow: 0 2px 10px rgba(69,3,69,.18); }
.mh-hero h2 { color: #16283F; }
.mh-kicker { background: var(--rar-acc-soft); color: var(--rar-pri); }
.mh-hero-meta span { border-radius: 10px; color: var(--rar-pri); }
.mh-adv-item { border-radius: 14px; }
.mh-adv-item:hover { border-color: var(--rar-pri); }
.mh-adv-item i { background: var(--rar-pri); border-radius: 10px; }
.mh-adv-item b { color: #16283F; }
.mh-step { border-radius: 12px; background: rgba(255,255,255,.85); }
.mh-step .mh-no { background: var(--rar-pri); border-radius: 8px; }
.mh-step b { color: #16283F; }
.mh-apply { border-radius: 16px; box-shadow: 0 2px 10px rgba(69,3,69,.14); }
.mh-apply h3 { color: #16283F; }
.mh-card { border-radius: 14px; }
.mh-card:hover { box-shadow: 0 8px 20px rgba(69,3,69,.24); border-color: var(--rar-pri); }
.mh-badge { background: var(--rar-pri); border-radius: 8px; }
.mh-cat { color: var(--rar-pri); }
.mh-meta i { color: var(--rar-pri); }
.mh-goods { color: var(--rar-pri); }
.mh-goods:hover { color: var(--rar-acc); }

/* ---------- 管理后台 ---------- */
.admin-layout { border-radius: 16px; overflow: hidden; box-shadow: 0 3px 14px rgba(69,3,69,.2); }
.admin-side { background: #3a353a; }
.admin-side button.on, .admin-side button:hover { background: var(--rar-pri); }
.admin-stats div { border-radius: 12px; background: var(--rar-acc-soft); border-color: #C9D8EC; }
.admin-stats b { color: var(--rar-pri); }
.admin-table .op button { border-radius: 8px; color: var(--rar-pri); }
.admin-table .op button:hover { border-color: var(--rar-pri); }

/* ---------- 页脚：粉色页脚（RAR .footer #1C3D6E） ---------- */
.xs-ensure { background: rgba(255,255,255,.96); border-top: 0; border-radius: 25px 25px 0 0;
  box-shadow: 0 -2px 12px rgba(69,3,69,.16); }
.xs-ensure li i { background: var(--rar-pri); color: #fff; border-color: transparent; }
.xs-ensure li b { color: #16283F; }
.xs-ensure li span { color: #8FA5C0; }
.xs-guide { background: #1C3D6E; border-top: 0; }
.xs-guide-cols dl dt { color: #fff; }
.xs-guide-cols dl dd, .xs-guide-cols dl dd a { color: rgba(255,255,255,.9); }
.xs-guide-cols dl dd a:hover { color: #BBD4F0; }
.xs-guide-cols .xs-guide-contact .phone_link { color: #ffe9f8; }
.xs-bottomnav { background: #16305B; border-top: 0; color: rgba(255,255,255,.75); }
.xs-bottomnav a { color: #fff; }
.xs-bottomnav a:hover { color: #BBD4F0; }
.xs-bottomnav i { color: rgba(255,255,255,.45); }
.xs-copy { background: var(--rar-dark); color: rgba(255,255,255,.85); }
.xs-copy a { color: #BBD4F0; }
.xs-copy a:hover { color: #fff; }

/* ---------- 首页首屏 ---------- */
.xs-home-cat { background: rgba(255,255,255,.96); border: 0; border-radius: 16px; overflow: hidden;
  box-shadow: 0 3px 14px rgba(69,3,69,.24); }
.xs-home-cat-tit { background: var(--rar-pri); }
.xs-home-cat dl { border-bottom-color: #C9D8EC; }
.xs-home-cat dt a { color: #16283F; }
.xs-home-cat dt a:hover { color: var(--rar-pri); }
.xs-home-cat-more { background: var(--rar-acc-soft); }
.xs-home-cat-more a { color: var(--rar-pri); }
.xs-notice { background: #F0F5FB; border: 1px solid #B9CCE4; color: #2E5E96; border-radius: 10px; }
.xs-notice-tag { background: var(--rar-acc); border-radius: 8px; }

/* ---------- 返回顶部 ---------- */
.totop { background: var(--rar-pri); border-radius: 10px 10px 0 0; }
.totop a:hover { background: var(--rar-pri-dark); }

/* ============================================================
   RAR 原版骨架接入层（css/rar.css 之后加载）
   ============================================================ */

/* 中文字体栈：模板西文字体 Michroma/Courgette 不引入远程字体 */
body, h1, h2, h3, h4, h5, h6,
.top-nav ul li a, .top-nav span.menu, .search h5, .shop h6,
.footer-class, .footer-bottom li a, .bottom-footer-in {
  font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif;
}

/* 头部白色卡内的文字 Logo */
.logo a { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.rar-logo-txt { display: inline-block; margin-left: 12px; }
.rar-logo-txt b { display: block; font-size: 24px; color: #16305B; letter-spacing: 4px; line-height: 1.2; font-weight: bold; }
.rar-logo-txt small { display: block; font-size: 12px; color: #7E9BC0; letter-spacing: 1px; }

/* 主导航徽标（付费资讯 · 收费） */
.top-nav ul li a .nav-badge { background: #e4393c; border-radius: 8px; padding: 1px 6px; font-size: 11px; margin-left: 4px; color: #fff; font-style: normal; }
.top-nav ul li.active a { background: #1E4E8C !important; color: #fff !important; }
.top-nav ul li a:hover { background: #1E4E8C; color: #fff; }

/* 页脚文字 Logo 与举报行 */
.bottom-footer-in { text-align: center; }
.bf-logo { color: #fff; display: inline-block; }
.bf-logo b { font-size: 20px; letter-spacing: 4px; font-weight: bold; }
.bf-logo small { display: block; color: rgba(255,255,255,.88); font-size: 12px; letter-spacing: 1px; }
.bf-logo:hover { color: #fff; }
.footer-report { color: rgba(255,255,255,.92); font-size: 12px; text-align: center; padding: 6px 0 14px; }
.footer-class a, .footer-bottom li a:hover { color: #fff; }

/* 渐变底上的栏目标题/副标题 */
.sec-sub { color: rgba(255,255,255,.9) !important; }
.sec-link { color: #BBD4F0 !important; }
.sec-link:hover { color: #fff !important; }

/* 首页右侧栏（RAR content-left）中文适配 */
.search h5 { letter-spacing: 2px; }
.search a { color: #fff; }
/* 今日特惠卡：纯色藏蓝背景（原手机照片背景文字重叠不可读） */
.content-top {
  background: linear-gradient(135deg, #1E4E8C 0%, #16305B 100%);
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 10px;
  padding: 1.6em 1.4em 0;
}
.content-top .top-content { position: static; padding-bottom: 1.2em; }
.content-top .top-content p { padding-left: 0; }
.content-top .top-content span { padding-left: 0; }
.content-top .top-content b { font-size: 1.8em; letter-spacing: 2px; }
.content-top .top-content a { color: #BBD4F0; padding-left: 0; }
.content-top .top-content a:hover { color: #fff; }
.content-top .top-content p, .content-top .top-content span, .content-top .top-content b { color: #fff; }
.content-middle .rem, .content-middle-in .for, .content-bottom .wide { color: #fff; }
.content-middle .gift a, .content-middle-in .gift a, .content-bottom .gift a, .content-top .gift a { color: #fff; }

/* 商品/评价/商户等业务卡片区在渐变底上的容器间距 */
.content-right-in, .content-right-bottom { padding-bottom: 12px; }
.content-right-in h2, .content-right-bottom h3 { color: #fff; text-shadow: 0 2px 8px rgba(11,36,71,.35); }
.content-right-in h2 span, .content-right-bottom h3 span { color: #BBD4F0; }

/* ============================================================
   商城配图替换层：珠宝模板装饰图 → 本站商品图
   ============================================================ */

/* 头部装饰条（原 stone.png 297×119 宽扁图）：高端商品横幅，锁定高度防撑爆头部 */
.left-head img {
  width: 100%;
  height: 88px;
  object-fit: cover;
  border-radius: 14px;
}
.left-head a { display: block; }

/* 内页标题条（原 banner.png 珠宝人像）：商品场景图 + 藏蓝遮罩 */
.banner {
  background:
    linear-gradient(90deg, rgba(11,36,71,.82) 0%, rgba(22,48,91,.55) 55%, rgba(30,78,140,.45) 100%),
    url(../img/hero/slide2.jpg) center/cover no-repeat;
}
.banner h1 { color: #fff; text-shadow: 0 2px 8px rgba(11,36,71,.65); }

/* 侧栏分类卡（原 pic2.jpg 珠宝手部）：日用百货商品图 + 遮罩 */
.content-middle {
  background:
    linear-gradient(rgba(11,36,71,.42), rgba(11,36,71,.42)),
    url(../img/products/d03.jpg) center/cover no-repeat;
}

/* 侧栏中部卡（原 pic1.jpg 礼盒）：阅读资讯主题图 + 遮罩 */
.content-middle-in {
  background:
    linear-gradient(rgba(11,36,71,.42), rgba(11,36,71,.42)),
    url(../img/hero/news-card.jpg) center/cover no-repeat;
}

/* 侧栏客服卡（原 pic.jpg 客服人像）：客服工位主题图 + 遮罩 */
.content-bottom {
  background:
    linear-gradient(rgba(11,36,71,.42), rgba(11,36,71,.42)),
    url(../img/hero/service-card.jpg) center/cover no-repeat;
}

/* 侧栏文字对比度（图上加遮罩后统一白字） */
.content-middle .rem, .content-middle-in .for { text-shadow: 0 2px 6px rgba(11,36,71,.8); }
.content-bottom .wide { color: #fff; text-shadow: 0 2px 6px rgba(11,36,71,.8); }

/* 白色面板上的区块标题：深藏蓝 + 渐变强调条 */
.content-right-in h2 {
  position: relative;
  padding-left: 15px;
  color: #16305B;
  text-shadow: none;
  letter-spacing: 1px;
}
.content-right-in h2::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 72%;
  border-radius: 3px;
  background: linear-gradient(180deg, #2E6DB4, #1E4E8C);
}
.content-right-in h2 span { color: #2E6DB4; text-shadow: none; }

/* 搜索卡（原 se.png 紫花底）：藏蓝渐变 + 文字搜索按钮（去 search.png 图标依赖） */
.search {
  background: linear-gradient(135deg, #1E4E8C 0%, #16305B 100%);
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 10px;
}
.search input[type="submit"] {
  width: 86px;
  height: 100px;
  top: 7px;
  right: 0;
  background: rgba(11,36,71,.5);
  color: #fff;
  font-size: 1em;
  letter-spacing: 6px;
  text-indent: 6px;
  border: 1px solid rgba(255,255,255,.4);
  border-radius: 8px;
  padding: 0;
}
.search input[type="submit"]:hover { background: rgba(11,36,71,.75); }