@charset "utf-8";
/* ==========================================================================
   theme-wine.css · 深酒红 × 香槟金（前台统一外观层）
   用法：在每个页面末尾追加一行
        <link rel="stylesheet" href="__CDN__/assets/css/theme-wine.css">
   本文件只负责"外观"，不依赖任何新 class；选择器全部沿用页面原有类名。
   目录：01 全局 / 02 顶栏 / 03 卡片容器 / 04 标题文字 / 05 按钮 / 06 输入
        07 信息行 / 08 商品与价格 / 09 弹层 / 10 分页 / 11 底部导航
        12 状态徽章 / 13 进度与开关 / 14 地图与其它 / 15 手机适配
   ========================================================================== */

/* ---------------------------------------------------------- 01 全局 */
body {
    background-color: #2C0810 !important;
    background-image:
        radial-gradient(920px 430px at 50% -150px, rgba(201, 162, 39, .22), rgba(201, 162, 39, 0) 72%),
        linear-gradient(180deg, #4E111C 0%, #3A0B14 44%, #230609 100%) !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    color: #F2E6D6 !important;
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    -webkit-font-smoothing: antialiased;
}

a {
    color: #F2DCA9;
}

::selection {
    background: rgba(201, 162, 39, .35);
    color: #FFF8EC;
}

/* ---------------------------------------------------------- 02 顶栏 */
/* 顶部标题条：只换配色，高度/定位/内边距一律沿用各页原有设置
   （有的页是 fixed+44px 并靠 margin-top 避开顶栏，强行改高度会把正文顶到条下面） */
.biao-top,
.biao-toptm,
.biao-toptm2,
.top-ht {
    z-index: 900;
    padding: 0 14px !important;
    background: #5A1220 !important;
    background-image: linear-gradient(180deg, #6A1626 0%, #4A0F1A 100%) !important;
    color: #F6E3B4 !important;
    font-size: 16.5px !important;
    letter-spacing: .1em;
    text-align: center;
    border: 0 !important;
    border-bottom: 1px solid rgba(201, 162, 39, .42) !important;
    box-shadow: 0 14px 30px -22px #000 !important;
    text-shadow: none !important;
}

.biao-top a,
.biao-toptm a,
.top-ht a,
.biao-top span {
    color: #F6E3B4 !important;
}

/* 返回箭头（雪碧图）：改成金色描边的 CSS 箭头 */
.houtui,
.houtui2 {
/*    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 30px !important;
    height: 30px !important;
    margin-left: 8px !important;
    margin-top: 11px !important;
    border-radius: 50%;
    background-image: none !important;
    border: 1px solid rgba(201, 162, 39, .45);
    position: relative;*/
}

.houtui::before,
.houtui2::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    margin-left: 3px;
    border-left: 2px solid #EFD9A4;
    border-bottom: 2px solid #EFD9A4;
    transform: rotate(45deg);
}

/* 右上角小图标按钮（齿轮 / 消息 / 分享）：雪碧图转金色圆钮 */
.shezhi,
.shezhi2,
.news,
.zhuye {
    background-image: none !important;
    width: 32px !important;
    height: 32px !important;
    margin-top: 10px !important;
    margin-right: 12px !important;
    border-radius: 50%;
    background: rgba(255, 252, 247, .10) !important;
    border: 1px solid rgba(201, 162, 39, .42);
    position: relative;
}

.shezhi::before,
.shezhi2::before,
.news::before,
.zhuye::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    border: 1.5px solid #EFD9A4;
    border-radius: 2px;
}

/* --------------------------------------------------- 03 卡片容器 */
.shouye,
.bai-d-yuan,
.bai-t-yuan,
.biao-grzxnr,
.fxjh-nr,
.shangji,
.d001,
.d002,
.sxcp,
.sxcp2,
.sxcpshop,
.tanchubuy {
    background: linear-gradient(180deg, #521020 0%, #3A0B14 100%) !important;
    border: 1px solid rgba(201, 162, 39, .26) !important;
    border-radius: 16px !important;
    color: #F2E6D6 !important;
    box-shadow: 0 20px 38px -32px #000, inset 0 1px 0 rgba(255, 255, 255, .07) !important;
}

.shouye,
.biao-grzxnr,
.fxjh-nr {
    margin: 12px !important;
    padding: 14px !important;
}

/* 顶部彩色条：统一成酒红渐变 + 金线 */
.bonus-top,
.bonus-top2,
.userlist-top,
.tixian-top,
.fxjh-top,
.grzxbj {
    background: #5A1220 !important;
    background-image: linear-gradient(160deg, #6A1626 0%, #4A0F1A 60%, #3A0B14 100%) !important;
    color: #F6E3B4 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(201, 162, 39, .38) !important;
    border-radius: 0 !important;
    box-shadow: 0 16px 32px -26px #000;
    font-family: Georgia, "Songti SC", "SimSun", serif;
    letter-spacing: .08em;
}

.bonus-top2,
.userlist-top,
.tixian-top {
    padding-top: 26px !important;
    padding-bottom: 10px;
}

.bonus-top *,
.bonus-top2 *,
.userlist-top *,
.tixian-top *,
.grzxbj * {
    color: #F6E3B4 !important;
    text-shadow: none;
}

/* ------------------------------------------------ 04 标题与文字 */
.stitle,
.title-text,
.biao-top,
.section-title {
    font-family: Georgia, "Songti SC", "SimSun", serif;
    letter-spacing: .08em;
}

.stitle {
    border-bottom: 1px solid rgba(201, 162, 39, .42) !important;
    color: #F6E3B4 !important;
    font-size: 16.5px !important;
    margin-bottom: 10px !important;
    padding-bottom: 8px;
}

.news_t,
.wuliu,
.topbu-nr2,
.topbu-nr22,
.topbu-nr3 {
    color: #F2E6D6 !important;
    border-color: rgba(201, 162, 39, .22) !important;
}

.topbu-nr,
.topbu-nr2 {
    font-size: 16px !important;
}

/* 深色卡片里的旧黑色文字/链接统一提亮，避免深底深字看不见 */
.topbu-nr,
.shouye b,
.bai-d-yuan b,
.biao-grzxnr b {
    color: #F2E6D6 !important;
}

.shouye a,
.bai-d-yuan a,
.biao-grzxnr a,
.fxjh-nr a,
.shangji a,
.d001 a,
.d002 a {
    color: #F2DCA9 !important;
}

.biaotu,
.jiages {
    color: #B3261E !important;
}

.rights {
    color: #E4C784 !important;
}

.hyj {
    background: rgba(201, 162, 39, .18) !important;
    color: #F6E3B4 !important;
    border-radius: 999px !important;
    padding: 1px 10px !important;
}

.zc-right,
.hd-sub {
    color: #D9B45A !important;
}

/* --------------------------------------------------------- 05 按钮 */
.anniu,
.anniu2,
.buy,
.buyzf,
.gom,
.addshouho,
.addshouho2,
.chengjiao2,
.anniugm,
.scimg,
.yjjx,
.rightss,
.am-btn,
.tixian {
    background: #C9A227 !important;
    background-image: linear-gradient(158deg, #F8ECCE 0%, #E4C784 52%, #C7A455 100%) !important;
    color: #3A0B14 !important;
    border: 0 !important;
    border-radius: 12px !important;
    font-weight: 600;
    letter-spacing: .06em;
    box-shadow: 0 14px 26px -18px rgba(201, 162, 39, 1), inset 0 1px 0 rgba(255, 255, 255, .78) !important;
    text-align: center;
}

.anniu:active,
.buy:active,
.buyzf:active,
.gom:active,
.addshouho:active,
.chengjiao2:active,
.rightss:active,
.tixian:active {
    transform: translateY(1px);
}

/* 次级按钮：描边款 */
.anniu2,
.chengjiao,
.quxiaoxp {
    background: rgba(201, 162, 39, .12) !important;
    background-image: none !important;
    color: #F0DCA9 !important;
    border: 1px solid rgba(201, 162, 39, .48) !important;
    border-radius: 12px !important;
    font-weight: 500;
    box-shadow: none !important;
}

/* 购买/结算的右侧强调按钮 */
.anniugm {
    border-radius: 999px !important;
}

.anniugm2 {
    background: rgba(255, 252, 247, .10) !important;
    color: #F6E3B4 !important;
    border: 1px solid rgba(201, 162, 39, .38) !important;
    border-radius: 999px !important;
}

/* --------------------------------------------------------- 06 输入 */
.input333,
.login-input-hy,
.login-input-mm,
.login-input-yzm,
.login-input-sj,
.login-input-dp,
.login-input-tj,
.intp1,
.biaodan-gm,
.biaodan-gm2,
.biaodan-gm3,
.sousou,
.g_hx {
    background: rgba(255, 252, 247, .09) !important;
    background-image: none !important;
    border: 1px solid rgba(201, 162, 39, .40) !important;
    border-radius: 12px !important;
    color: #FFF7EA !important;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, .28);
    padding-left: 14px !important;
    font-size: 15px !important;
    line-height: 40px !important;
}

.input333::placeholder,
.login-input-hy::placeholder,
.login-input-mm::placeholder,
.login-input-yzm::placeholder,
.login-input-sj::placeholder,
.login-input-dp::placeholder,
.login-input-tj::placeholder,
.intp1::placeholder,
.biaodan-gm::placeholder {
    color: rgba(255, 244, 226, .48) !important;
}

.input333:focus,
.login-input-hy:focus,
.login-input-mm:focus,
.login-input-yzm:focus,
.login-input-sj:focus,
.login-input-dp:focus,
.login-input-tj:focus,
.intp1:focus {
    border-color: #D9B45A !important;
    background: rgba(255, 252, 247, .14) !important;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 3px rgba(201, 162, 39, .20) !important;
}

/* ------------------------------------------------------ 07 信息行 */
.biaogexian,
.biaogexian2,
.topbu-nr2,
.topbu-nr22,
.topbu-nr3,
.pingj2,
.xiand {
    border-bottom: 1px solid rgba(201, 162, 39, .18) !important;
    color: #F2E6D6 !important;
}

.biaogexian2,
.wuliu {
    color: rgba(246, 232, 214, .62) !important;
}

.jiange-xian,
.qianbao-xian,
.qianbao-xian2,
.heng-lb {
    opacity: .35;
}

/* ---------------------------------------------- 08 商品与价格 */
.cp {
    background: #FFFCF7 !important;
    border: 0 !important;
    border-radius: 14px !important;
    overflow: hidden;
    color: #2B2220 !important;
    box-shadow: 0 18px 32px -26px #000 !important;
}

.cp img {
    border-radius: 0 !important;
}

.tupi,
.tupi2,
.tupi22,
.tupi222,
.tupi223,
.tupi232,
.shoptupi2,
.tupi23 {
    background: #F1E6D8 !important;
    border-color: rgba(201, 162, 39, .22) !important;
    border-radius: 14px 14px 0 0 !important;
    overflow: hidden;
}

.tupi img,
.tupi2 img,
.tupi22 img,
.tupi222 img,
.tupi223 img,
.tupi232 img,
.shoptupi2 img {
    object-fit: cover;
}

.jiages {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #B3261E !important;
    letter-spacing: -.01em;
}

.jgxian {
    color: rgba(246, 232, 214, .45) !important;
}

.yigao {
    background: #BE2318 !important;
    background-image: linear-gradient(135deg, #F0564B 0%, #BE2318 100%) !important;
    color: #FFF6EC !important;
    border-radius: 999px !important;
    padding: 0 10px !important;
    line-height: 22px !important;
    font-size: 11px !important;
    height: auto !important;
    box-shadow: 0 8px 16px -8px rgba(190, 35, 24, .9);
}

.biaoqi {
    background: linear-gradient(160deg, #F8ECCE, #C7A455) !important;
    color: #4A0F1A !important;
    font-family: Georgia, serif;
    box-shadow: 0 8px 16px -10px rgba(0, 0, 0, .8);
}

.hongshu {
    background: linear-gradient(135deg, #F05A4E 0%, #C8231C 100%) !important;
    color: #fff !important;
    border-radius: 999px !important;
    box-shadow: 0 0 0 2px #3E0B16 !important;
}

.yigao b,
.bu b,
.bu2 b {
    font-size: 10px;
    line-height: 10px;
}

.shuxing {
    background: rgba(255, 252, 247, .08) !important;
    border: 1px solid rgba(201, 162, 39, .38) !important;
    color: #F2E6D6 !important;
    border-radius: 8px !important;
}

/* 数量加减 */
.gwcsl,
.gwcsl2,
.shul {
    background: rgba(255, 252, 247, .08) !important;
    border: 1px solid rgba(201, 162, 39, .40) !important;
    color: #FFF7EA !important;
    border-radius: 10px !important;
}

.jia,
.jian {
    background: rgba(201, 162, 39, .16) !important;
    color: #F6E3B4 !important;
    border-radius: 50% !important;
}

.xuanze {
    background: rgba(255, 252, 247, .16) !important;
}

.xuanze2 {
    background: linear-gradient(135deg, #DDB963, #B08A20) !important;
}

.xuanzean {
    background: #F2E6D6 !important;
}

.xuanzean2 {
    background: #FFFCF7 !important;
}

/* --------------------------------------------------------- 09 弹层 */
.tk3,
.tk33 {
    background: rgba(20, 4, 8, .72) !important;
    background-image: none !important;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

.tk2,
.tanchubuy {
    background: #FFFCF7 !important;
    background-image: none !important;
    border: 1px solid rgba(201, 162, 39, .40) !important;
    border-radius: 16px !important;
    color: #2B2220 !important;
    box-shadow: 0 26px 50px -30px #000 !important;
}

.tkbt {
    color: #5A1220 !important;
    border-bottom: 1px solid rgba(90, 18, 32, .18) !important;
    font-family: Georgia, "Songti SC", serif;
    letter-spacing: .08em;
}

/* --------------------------------------------------------- 10 分页 */
.page,
.page a {
    color: #F2E6D6 !important;
    font-family: Georgia, "Times New Roman", serif;
}

.page li {
    background: rgba(255, 252, 247, .08) !important;
    border: 1px solid rgba(201, 162, 39, .32) !important;
    border-radius: 10px;
    color: #F2E6D6;
}

.lianjie,
.lianjie-3 {
    background: rgba(255, 252, 247, .08) !important;
    border-color: rgba(201, 162, 39, .32) !important;
    color: #F2E6D6 !important;
    border-radius: 10px;
}

.lianjie-2 {
    background: linear-gradient(158deg, #F8ECCE, #C7A455) !important;
    border-color: transparent !important;
    color: #3A0B14 !important;
    border-radius: 10px;
}

/* --------------------------------------------------- 11 底部导航（红白） */
.dibud {
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
}

.footer-nav {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    border-top: 1px solid #ECEDEF !important;
    box-shadow: 0 -2px 12px rgba(30, 35, 48, .06) !important;
}

.footer-item {
    color: #8A8F99 !important;
}

.footer-item.active,
.footer-item:hover {
    color: #E1222A !important;
}

.footer-icon,
.footer-text {
    color: inherit !important;
}

/* ----------------------------------------------------- 12 状态徽章 */
.xindian {
    border: 1px solid rgba(201, 162, 39, .55) !important;
    color: #E4C784 !important;
    border-radius: 999px !important;
}

.xindian2 {
    background: linear-gradient(135deg, #DDB963, #B08A20) !important;
    border-color: transparent !important;
    color: #3A0B14 !important;
    border-radius: 999px !important;
}

.bu,
.bu2,
.bux {
    background: linear-gradient(135deg, #F05A4E 0%, #C8231C 100%) !important;
    color: #fff !important;
}

.bu22,
.bu222 {
    border: 1px solid rgba(201, 162, 39, .55) !important;
    color: #E4C784 !important;
    background: transparent !important;
}

.tjdian {
    background: rgba(201, 162, 39, .14) !important;
    border: 1px solid rgba(201, 162, 39, .45) !important;
    color: #F0DCA9 !important;
    border-radius: 999px !important;
}

.tjdian2 {
    background: rgba(190, 35, 24, .16) !important;
    border: 1px solid rgba(240, 90, 78, .55) !important;
    color: #F5A79D !important;
    border-radius: 999px !important;
}

.tjdian3 {
    background: rgba(255, 252, 247, .06) !important;
    border: 1px solid rgba(255, 252, 247, .16) !important;
    color: rgba(246, 232, 214, .40) !important;
    border-radius: 999px !important;
}

/* --------------------------------------------- 13 进度与开关 */
.ysjdt {
    background: rgba(255, 252, 247, .16) !important;
}

.ysjdt2 {
    background: linear-gradient(90deg, #DDB963, #C9A227) !important;
}

/* ------------------------------------------------- 14 地图与其它 */
.map {
    background: #2C0810 !important;
    background-image: linear-gradient(180deg, #4E111C, #230609) !important;
    color: #F2E6D6 !important;
}

.allmap2 {
    border: 1px solid rgba(201, 162, 39, .35) !important;
    border-radius: 16px;
}

.daohang {
    background: rgba(255, 252, 247, .08) !important;
    color: #F2E6D6 !important;
    border-radius: 12px 12px 0 0 !important;
}

.leftdh {
    background: rgba(255, 252, 247, .06) !important;
    color: #F2E6D6 !important;
}

.xuan {
    background: linear-gradient(158deg, #F8ECCE, #C7A455) !important;
    color: #3A0B14 !important;
    font-weight: 600;
}

.quan {
    border-radius: 50%;
}

.h_box {
    background: #4A0F1A !important;
    color: #F6E3B4 !important;
    border: 1px solid rgba(201, 162, 39, .32);
}

.bjy,
.bjy2,
.yaoqing {
    border-radius: 16px;
}

/* ------------------------------------------------- 15 手机适配 */
@media (max-width: 380px) {
    .biao-top,
    .biao-toptm,
    .biao-toptm2 {
        font-size: 15.5px !important;
    }

    .jiages {
        font-size: 17px !important;
    }
}