/* ============================================================
   云图·茶墨主题（yuntu）结构皮肤 v2.0
   配色：由 config.json theme_style 官方变量引擎全站注入（价格/按钮/激活色/圆角）
   本文件只负责「变量表达不了的结构气质」：
   墨色头尾 / 衬线标题 / 金线分隔 / 细节质感
   ============================================================ */

:root {
    --yt-ink: #1c1b18;
    --yt-ink-soft: #2a2823;
    --yt-paper: #f7f4ec;
    --yt-card: #fffdf8;
    --yt-gold: #b8935f;
    --yt-gold-deep: #9a7847;
    --yt-gold-light: #d9c39a;
    --yt-text-sub: #8a857b;
    --yt-line: rgba(184, 147, 95, .32);
    --yt-serif: 'Noto Serif SC', 'Songti SC', 'STSong', 'SimSun', serif;
}

/* ---------- 全局 ---------- */
body { color: #33312c; }
::selection { background: var(--yt-gold); color: #fff; }
h1, h2, h3, h4, h5, h6,
.goods-base-title, .goods-title, .site-name {
    font-family: var(--yt-serif);
}

/* ---------- 顶部欢迎条（墨底） ---------- */
.header-top {
    background: var(--yt-ink);
    border-bottom: 1px solid rgba(184, 147, 95, .22);
}
.header-top .menu-hd, .header-top a,
.header-top .site-name, .header-top em { color: #cfc6b4; }
.header-top .first { color: #948c7d; }
.header-top a:hover { color: var(--yt-gold-light) !important; }
.header-top .am-dropdown-content {
    background: var(--yt-ink-soft);
    border: 1px solid var(--yt-line);
    border-radius: 0;
}
.header-top .am-dropdown-content a { color: #cfc6b4; }
.header-top .am-dropdown-content li:hover { background: rgba(184, 147, 95, .12); }

/* ---------- 主导航（墨底） ---------- */
.shop-navigation {
    background: var(--yt-ink);
    border: none;
    box-shadow: 0 1px 0 rgba(184, 147, 95, .3);
}
.shop-navigation a { color: #e8e2d5; }
.shop-navigation .am-topbar-toggle {
    background: transparent;
    border: 1px solid var(--yt-line);
    color: var(--yt-gold-light);
}
.goods-category-title { background: var(--yt-gold-deep); }
.goods-category-title .all-goods { color: #fff8ea; letter-spacing: .08em; font-family: var(--yt-serif); }
.shop-navigation .navigation-search .am-form-field {
    background: rgba(255, 253, 248, .08);
    border: 1px solid var(--yt-line);
    color: #e8e2d5;
}
.shop-navigation .navigation-search .am-form-field::placeholder { color: #7d7669; }

/* ---------- 面包屑 ---------- */
.breadcrumb-data { background: transparent; }
.am-breadcrumb .am-active, .am-breadcrumb li:last-child { color: var(--yt-gold-deep); }

/* ---------- 页脚（墨底） ---------- */
.body-content-footer-container { background: var(--yt-ink); }
.body-content-footer-container, .body-content-footer-container p { color: #a89f8f; }
.body-content-footer-container a { color: #cfc6b4; }
.body-content-footer-container a:hover { color: var(--yt-gold-light); }
.footer-nav-title {
    color: var(--yt-gold-light);
    letter-spacing: .14em;
    border-bottom: 1px solid var(--yt-line);
    padding-bottom: 6px;
    font-family: var(--yt-serif);
}
.footer-icp { color: #7d7669; }

/* ---------- 移动端底部 tabbar ---------- */
.mobile-navigation {
    background: var(--yt-card);
    border-top: 1px solid var(--yt-line);
}
.mobile-navigation li a { color: var(--yt-text-sub); }
.mobile-navigation li.active a, .mobile-navigation li.active i { color: var(--yt-gold-deep); }

/* ---------- 卡片容器统一：细金线、纸白 ---------- */
.cart-table, .cart-list-item, .order-list-item, .order-item,
.user-center-left, .user-menu, .goods-middle-nav,
.am-gallery-bordered .am-gallery-item {
    border-color: #e7e0d0;
}

/* ---------- 详情页 tab（详情/评价）激活金线 ---------- */
.goods-middle-nav .am-active a,
.goods-detail-tab .am-active a { color: var(--yt-gold-deep) !important; box-shadow: inset 0 -2px 0 var(--yt-gold); }

/* ---------- 分页 ---------- */
.am-pagination > li > a { color: #33312c; }
.am-pagination > .am-active > a {
    background: var(--yt-ink);
    border-color: var(--yt-ink);
    color: var(--yt-gold-light);
}

/* ---------- 弹窗 ---------- */
.am-modal-dialog, .am-popup-inner { border-top: 2px solid var(--yt-gold); }
.am-modal-hd { font-family: var(--yt-serif); }

/* ---------- 价格衬线（配合 --color-price 茶金） ---------- */
.goods-sale-price, .goods-price, .sales-price, .price-now, .total-price-content {
    font-family: var(--yt-serif);
    letter-spacing: .02em;
}

/* ---------- 无数据 / 空态 ---------- */
.cart-no-data, .not-data-container { color: var(--yt-text-sub); }

/* ============================================================
   v2.1 个人中心精修（2026-10-16）
   ============================================================ */

/* ---------- 用户中心首页 · 名片深墨横幅（user/index 的 user-base） ---------- */
.user-base {
    background: linear-gradient(135deg, #1c1b18 0%, #2a2823 100%) !important;
    border-radius: 0 !important;
    border: 1px solid rgba(184, 147, 95, .35);
    box-shadow: 0 10px 30px rgba(28, 27, 24, .18);
}
.user-base .user-avatar .avatar { border: 2px solid var(--yt-gold); box-shadow: 0 4px 14px rgba(0,0,0,.4); }
.user-base .user-name span {
    color: var(--yt-gold-light) !important;
    font-family: var(--yt-serif);
    letter-spacing: .1em;
    font-size: 1.8rem;
}
.user-base .items a { color: #cfc6b4 !important; }
.user-base .items a i { color: var(--yt-gold) !important; }
.user-base .items a:hover span { color: #fff; }
.user-base .message { color: #cfc6b4 !important; }
.user-base .user-base-icon li a { color: #cfc6b4; }
.user-base .user-base-icon { background: rgba(184,147,95,.12) !important; }

/* ---------- 资料页 · 茶墨名片头（personal/index 主题专属） ---------- */
.yt-user-hero {
    display: flex;
    align-items: center;
    gap: 18px;
    background: linear-gradient(135deg, #1c1b18 0%, #2a2823 100%);
    border: 1px solid rgba(184, 147, 95, .35);
    box-shadow: 0 10px 30px rgba(28, 27, 24, .18);
    padding: 26px 28px;
    margin-bottom: 20px;
}
.yt-user-hero-avatar {
    width: 72px; height: 72px;
    border-radius: 50%;
    border: 2px solid var(--yt-gold);
    object-fit: cover;
    box-shadow: 0 4px 14px rgba(0,0,0,.4);
    flex-shrink: 0;
}
.yt-user-hero-info { flex: 1; min-width: 0; }
.yt-user-hero-name {
    color: var(--yt-gold-light);
    font-family: var(--yt-serif);
    font-size: 2rem;
    letter-spacing: .1em;
    line-height: 1.3;
}
.yt-user-hero-no { color: #948c7d; font-size: 1.3rem; margin-top: 4px; }
.yt-user-hero-edit {
    color: var(--yt-gold-light);
    border: 1px solid var(--yt-line);
    padding: 8px 18px;
    font-size: 1.3rem;
    letter-spacing: .08em;
    white-space: nowrap;
    transition: all .2s ease;
}
.yt-user-hero-edit:hover { background: var(--yt-gold); border-color: var(--yt-gold); color: #fff8ea; }

/* ---------- 资料表格（dl-content）茶墨化 ---------- */
.dl-content { background: var(--yt-card); border: 1px solid #e7e0d0; }
.dl-content dt {
    color: var(--yt-text-sub);
    border-bottom: 1px dashed #e7e0d0;
}
.dl-content dd { color: #33312c; }
.dl-content dd .span-edit a, .dl-content dd .span-edit { color: var(--yt-gold-deep); }

/* ---------- 用户中心标题 ---------- */
.user-center-main-title, .am-container .user-center-title {
    font-family: var(--yt-serif);
    letter-spacing: .12em;
    border-bottom: 2px solid var(--yt-gold);
}

@media only screen and (max-width: 640px) {
    .yt-user-hero { padding: 20px 18px; gap: 14px; }
    .yt-user-hero-avatar { width: 58px; height: 58px; }
    .yt-user-hero-name { font-size: 1.7rem; }
}

/* v2.2 修复：default 的 .user-base 有 changeBg 背景动画（动画优先级高于静态!important），必须禁掉动画才能让茶墨横幅生效 */
.user-base { animation: none !important; -webkit-animation: none !important; }