/* =============================================================================
 * 灯聚照明 · 买家前台主题（Emerald Fresh · 翠野清新绿）
 * -----------------------------------------------------------------------------
 * 作用域：仅 .xph-front（买家前台 body 注入）。商家 / 后台不引入本文件。
 * 设计语言：浅色清爽电商风 —— 翠绿品牌色(#0EA66A) + 珊瑚红价格/购买(#FF4D4F)
 *          + 琥珀高亮(#F5A623)。白卡片、柔和阴影、圆角，取代原来的电光蓝+琥珀。
 * 原则：只重写取值与配色，不改任何类名与结构（与 style.css 顶部契约一致）。
 * ========================================================================== */

/* ---------------------------------------------------------------------------
 * 1. 翠野 · 设计令牌
 * ------------------------------------------------------------------------ */
.xph-front {
  color-scheme: light;

  --bg-deep:  #ffffff;
  --bg:       #F2F7F4;
  --bg-soft:  #E9F3ED;
  --card:     #FFFFFF;
  --card-hi:  #FFFFFF;

  --glass:    rgba(255, 255, 255, .82);
  --glass-hi: rgba(255, 255, 255, .95);

  --border:    #E2EBE5;
  --border-hi: rgba(14, 166, 106, .45);

  --text:   #0F2A1D;
  --text-2: #3F5A4C;
  --muted:  #8AA097;

  --primary:      #0EA66A;
  --primary-dark: #0B8A57;
  --primary-2:    #14B8A6;
  --accent:       #FF4D4F;
  --accent-dark:  #E03A3D;
  --gold:         #F5A623;
  --ok:           #16A34A;
  --err:          #E5484D;
  --warn:         #E58A00;

  --grad-primary: linear-gradient(135deg, #0EA66A 0%, #14B8A6 100%);
  --grad-accent:  linear-gradient(135deg, #FF6A3D 0%, #FF2D55 100%);
  --grad-surface: linear-gradient(160deg, rgba(14,166,106,.09) 0%, rgba(20,184,166,.05) 46%, rgba(255,255,255,0) 100%);

  --radius-sm: 12px;
  --radius:    16px;
  --radius-lg: 22px;

  --shadow:       0 12px 34px rgba(15, 42, 29, .10);
  --shadow-soft:  0 4px 18px rgba(15, 42, 29, .07);
  --glow:         0 0 26px rgba(14, 166, 106, .26);
  --glow-soft:    0 0 40px rgba(14, 166, 106, .13);
  --glow-accent:  0 0 26px rgba(255, 77, 79, .20);
}

/* ---------------------------------------------------------------------------
 * 2. 页面底色 + 清新绿光斑
 * ------------------------------------------------------------------------ */
body.xph-front { color: var(--text); background-color: var(--bg); }
body.xph-front::before {
  background-image:
    radial-gradient(900px 520px at 12% -8%, rgba(14,166,106,.10), transparent 60%),
    radial-gradient(820px 520px at 90% 0%, rgba(20,184,166,.10), transparent 62%),
    radial-gradient(760px 520px at 50% 112%, rgba(245,166,35,.07), transparent 66%);
  background-size: auto;
}
.xph-front ::-webkit-scrollbar-track { background: #E7EFEA; }
.xph-front ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(14,166,106,.5), rgba(20,184,166,.5));
  border: 2px solid #E7EFEA;
}
.xph-front ::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #0EA66A, #14B8A6); }
.xph-front ::selection { background: rgba(14,166,106,.22); color: #0F2A1D; }

/* ---------------------------------------------------------------------------
 * 3. 顶栏 / 页脚（白底 + 翠绿边）
 * ------------------------------------------------------------------------ */
.xph-front .topbar { background: rgba(255,255,255,.88); border-bottom: 1px solid var(--border); }
.xph-front .topbar::after {
  background: linear-gradient(90deg, transparent, rgba(14,166,106,.7), rgba(20,184,166,.7), transparent);
  opacity: .6;
}
.xph-front .logo {
  background: linear-gradient(96deg, #0EA66A 0%, #14B8A6 60%, #0B8A57 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: #0EA66A;
}
.xph-front .logo small { -webkit-text-fill-color: var(--muted); color: var(--muted); }
.xph-front .nav a:hover { color: var(--primary); }
.xph-front .topbar .right a:hover { color: var(--primary); }

.xph-front .site-footer { background: linear-gradient(180deg, #FFFFFF 0%, #F2F7F4 100%); border-top: 1px solid var(--border); }
.xph-front .site-footer::before {
  background: linear-gradient(90deg, transparent, rgba(14,166,106,.5), rgba(20,184,166,.45), transparent);
}
.xph-front { display: flex; flex-direction: column; }
.xph-front > .container { flex: 1 0 auto; width: 100%; }
.xph-front > main.container { padding-bottom: 8px; }

/* ---- 顶栏内部分配（logo / 搜索 / 账户区） ---- */
.xph-front .topbar .inner { gap: 20px; height: 66px; }
.xph-front .logo { flex-shrink: 0; }
.xph-front .topbar .right { flex-shrink: 0; }

/* ---- 顶部搜索栏 .top-search（翠绿胶囊） ---- */
.xph-front .top-search {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  max-width: 560px;
  margin: 0 auto;
  height: 44px;
  padding: 0 6px 0 14px;
  background: #FFFFFF;
  border: 1px solid var(--border);
  border-radius: 999px;
  box-shadow: var(--shadow-soft);
  transition: border-color .2s ease, box-shadow .2s ease;
}
.xph-front .top-search:focus-within {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(14,166,106,.14), var(--glow-soft);
}
.xph-front .top-search .ts-ic {
  width: 18px; height: 18px;
  flex-shrink: 0;
  color: var(--muted);
  margin-right: 8px;
}
.xph-front .top-search input[type=text] {
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  padding: 0;
  border: none;
  background: transparent;
  font-size: 14px;
  color: var(--text);
  box-shadow: none;
}
.xph-front .top-search input[type=text]:focus {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.xph-front .top-search input::placeholder { color: #9BB0A5; }
.xph-front .top-search .btn {
  flex-shrink: 0;
  height: 34px;
  padding: 0 22px;
  border: none;
  border-radius: 999px;
  background: var(--grad-primary);
  color: #fff;
  font-weight: 600;
  box-shadow: var(--glow-soft);
}
.xph-front .top-search .btn:hover {
  color: #fff;
  transform: translateY(-1px);
  box-shadow: var(--glow), var(--glow-soft);
}

/* ---- 分类导航条 .catbar（顶栏下方，白底翠绿） ---- */
.xph-front .catbar {
  background: rgba(255,255,255,.94);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.xph-front .catbar-inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
  height: 46px;
  display: flex;
  align-items: center;
  gap: 4px;
  overflow-x: auto;
  scrollbar-width: none;
}
.xph-front .catbar-inner::-webkit-scrollbar { display: none; }
.xph-front .catbar a {
  flex-shrink: 0;
  padding: 7px 16px;
  border-radius: 999px;
  color: var(--text-2);
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  transition: color .18s ease, background .18s ease;
}
.xph-front .catbar a:hover { color: var(--primary-dark); background: rgba(14,166,106,.10); }
.xph-front .catbar a.active {
  color: #F2FAF4;
  background: var(--grad-primary);
  box-shadow: var(--glow-soft);
}

/* ---- 顶栏 / 分类条 响应式 ---- */
@media (max-width: 900px) {
  .xph-front .topbar .inner { height: 60px; gap: 12px; }
  .xph-front .top-search { max-width: none; height: 40px; }
  .xph-front .top-search .btn { padding: 0 16px; }
  .xph-front .logo small { display: none; }
}
@media (max-width: 640px) {
  .xph-front .topbar .inner { flex-wrap: nowrap; }
  .xph-front .topbar .right { font-size: 12.5px; gap: 10px; }
  .xph-front .catbar-inner { height: 42px; padding: 0 12px; }
  .xph-front .catbar a { padding: 6px 13px; font-size: 13px; }
}

/* ---- 主题切换按钮 ---- */
.xph-front .theme-toggle {
  flex-shrink: 0;
  height: 36px;
  padding: 0 14px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--glass-hi);
  color: var(--text-2);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all .18s ease;
}
.xph-front .theme-toggle:hover { color: var(--primary); border-color: var(--border-hi); background: rgba(14,166,106,.08); }

/* ---------------------------------------------------------------------------
 * 4. 卡片 / 玻璃（白底）
 * ------------------------------------------------------------------------ */
.xph-front .card, .xph-front .product, .xph-front .glass, .xph-front .stat,
.xph-front .reco-card, .xph-front .feature, .xph-front .cat-card,
.xph-front .address-card, .xph-front .terms-doc, .xph-front .card-item,
.xph-front .pay-channel, .xph-front .jump-box, .xph-front .detail,
.xph-front .member-sidebar, .xph-front .points-summary {
  background: #FFFFFF; border-color: var(--border);
}

/* ---------------------------------------------------------------------------
 * 5. 商品卡 / 详情图集
 * ------------------------------------------------------------------------ */
.xph-front .product .cover { background-color: #ECF3EF; }
.xph-front .product .cover::after { background: linear-gradient(180deg, transparent, rgba(15,42,29,.05)); }
.xph-front .product .cover-ph::after { color: rgba(15,42,29,.26); }
.xph-front .product:hover .title { color: var(--primary); }
.xph-front .product .price { color: var(--accent); text-shadow: 0 0 18px rgba(255,77,79,.18); }

.xph-front .detail .gallery { background: radial-gradient(circle at 50% 40%, rgba(20,184,166,.07), transparent 68%), #ECF3EF; border-color: var(--border); }
.xph-front .detail-thumbs .th { background-color: #ECF3EF; border-color: var(--border); }
.xph-front .detail-thumbs .th.active { border-color: var(--primary); box-shadow: 0 0 0 1px rgba(14,166,106,.5), 0 0 18px rgba(14,166,106,.22); }
.xph-front .reco-card .thumb { background-color: #ECF3EF; border-color: var(--border); }
.xph-front .reco-card .thumb-ph::before { color: rgba(15,42,29,.24); }

/* ---------------------------------------------------------------------------
 * 6. 表单（亮）
 * ------------------------------------------------------------------------ */
.xph-front input[type=text], .xph-front input[type=password], .xph-front input[type=number],
.xph-front input[type=email], .xph-front input[type=tel], .xph-front input[type=search],
.xph-front input[type=date], .xph-front input[type=url], .xph-front select, .xph-front textarea {
  background: #FFFFFF; border-color: var(--border); color: var(--text);
}
.xph-front input:hover, .xph-front select:hover, .xph-front textarea:hover { border-color: rgba(15,42,29,.22); }
.xph-front input:focus, .xph-front select:focus, .xph-front textarea:focus {
  outline: none; border-color: var(--primary); background: #FFFFFF;
  box-shadow: 0 0 0 3px rgba(14,166,106,.14), var(--glow-soft);
}
.xph-front select option { background: #FFFFFF; color: var(--text); }
.xph-front input::placeholder, .xph-front textarea::placeholder { color: #9BB0A5; }
.xph-front .goods-search select, .xph-front .goods-search input[type="text"] { background: #FFFFFF; border-color: rgba(15,42,29,.18); color: var(--text); }
.xph-front .goods-search select:focus, .xph-front .goods-search input[type="text"]:focus {
  background: #FFFFFF; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(14,166,106,.14), var(--glow-soft);
}

/* ---------------------------------------------------------------------------
 * 7. 按钮
 * ------------------------------------------------------------------------ */
.xph-front .btn { color: var(--text); background: var(--glass-hi); }
.xph-front .btn:hover { background: rgba(14,166,106,.10); color: var(--primary-dark); border-color: var(--border-hi); }
.xph-front .btn-ghost:hover { background: rgba(14,166,106,.08); }
.xph-front .btn-ghost-light { background: rgba(255,255,255,.85); border-color: rgba(15,42,29,.16); color: #0F2A1D; backdrop-filter: blur(10px); }
.xph-front .btn-ghost-light:hover { background: #FFFFFF; border-color: var(--primary); color: var(--primary-dark); }

/* ---------------------------------------------------------------------------
 * 8. 分类矩阵 / 特色条 / 卡片发丝线（翠绿）
 * ------------------------------------------------------------------------ */
.xph-front .feature::after, .xph-front .card::before, .xph-front .stat::after,
.xph-front .terms-doc::before, .xph-front .detail::before, .xph-front .member-order-quick::before,
.xph-front .member-header::before {
  background: linear-gradient(90deg, transparent, rgba(14,166,106,.5), rgba(20,184,166,.45), transparent);
}
.xph-front .cat-card:hover {
  box-shadow: 0 12px 30px rgba(15,42,29,.10),
    0 0 24px color-mix(in srgb, var(--cat-color) 26%, transparent);
}

/* ---------------------------------------------------------------------------
 * 9. 标签 / 价格 / 详情内联
 * ------------------------------------------------------------------------ */
.xph-front .tag-gray   { background: rgba(120,130,150,.12); color: #5A6577; border-color: rgba(120,130,150,.26); }
.xph-front .tag-blue   { background: rgba(14,166,106,.12);  color: #0B8A57; border-color: rgba(14,166,106,.32); }
.xph-front .tag-green  { background: rgba(22,163,74,.12);   color: #15803D; border-color: rgba(22,163,74,.30); }
.xph-front .tag-orange { background: rgba(245,166,35,.14);  color: #B45309; border-color: rgba(245,166,35,.34); }
.xph-front .tag-red    { background: rgba(255,77,79,.12);   color: #C0392B; border-color: rgba(255,77,79,.32); }
.xph-front .tag-yellow { background: rgba(229,138,0,.14);   color: #9A5A00; border-color: rgba(229,138,0,.32); }

.xph-front .spec-grid, .xph-front .shop-line { background: #FFFFFF; border-color: var(--border); }
.xph-front .spec-grid .sp { border-bottom-color: var(--border); }
.xph-front .p-tags .t { color: #0B8A57; background: rgba(14,166,106,.12); border-color: rgba(14,166,106,.32); }
.xph-front .p-price-row .save { color: #B45309; background: rgba(245,166,35,.14); border-color: rgba(245,166,35,.34); }

.xph-front .table th { background: rgba(14,166,106,.08); color: var(--text); }
.xph-front .table tr:hover td { background: rgba(14,166,106,.05); }
.xph-front .pagination li a:hover { color: var(--primary-dark); background: rgba(14,166,106,.12); border-color: var(--border-hi); }

.xph-front .layui-layer-msg { background: rgba(255,255,255,.98) !important; border: 1px solid var(--border-hi) !important; color: var(--text) !important; box-shadow: var(--shadow) !important; }

/* 商品详情底部价格大号（珊瑚红） */
.xph-front .price-lg { color: var(--accent); text-shadow: 0 0 22px rgba(255,77,79,.22); }

/* 购物车按店铺分组条 / 合计条（浅色） */
.xph-front .cart-group .gh { background: linear-gradient(135deg, rgba(14,166,106,.10), rgba(20,184,166,.06)); }
.xph-front .cart-group .gh .badge { color: #0B8A57; background: rgba(14,166,106,.14); border-color: rgba(14,166,106,.34); }
.xph-front .cart-group .gfoot { background: #F4F8F5; border-top-color: var(--border); }
.xph-front .cart-group .gfoot .sum b { color: var(--accent); text-shadow: 0 0 18px rgba(255,77,79,.22); }
.xph-front .cart-prod .thumb { background-color: #FFFFFF; }

/* 结算页：地址快捷选择 / 发票 / 担保框（浅色） */
.xph-front .addr-pick { background: #FFFFFF; }
.xph-front .addr-pick:hover { border-color: var(--border-hi); background: rgba(14,166,106,.06); box-shadow: var(--glow-soft); }
.xph-front .addr-pick .d { color: #F2FAF4; background: var(--grad-primary); }
.xph-front .inv-radios label { color: var(--text-2); background: var(--glass); border-color: var(--border); }
.xph-front .inv-radios label:hover { border-color: var(--border-hi); color: var(--text); }
.xph-front .inv-radios input:checked + span { color: #0B8A57; font-weight: 600; }
.xph-front .inv-radios label:has(input:checked) { border-color: rgba(14,166,106,.5); background: rgba(14,166,106,.10); box-shadow: var(--glow-soft); }
.xph-front .pay-sum { background: #FFFFFF; border-color: var(--border-hi); box-shadow: var(--glow-soft); }
.xph-front .pay-sum .v { color: var(--accent); text-shadow: 0 0 22px rgba(255,77,79,.22); }
.xph-front .escrow-box { border-color: rgba(14,166,106,.32); background: linear-gradient(135deg, rgba(14,166,106,.08), rgba(20,184,166,.05)); }
.xph-front .goods-mini .thumb { background-color: #FFFFFF; }

/* 收银台支付方式（浅色） */
.xph-front .pay-channel { background: #FFFFFF; }
.xph-front .pay-channel:hover { border-color: var(--border-hi); background: rgba(14,166,106,.06); box-shadow: var(--glow-soft); }

/* 支付成功横幅（浅色翠绿） */
.xph-front .pay-banner {
  background:
    radial-gradient(circle at 88% 8%, rgba(22,163,74,.18), transparent 58%),
    linear-gradient(135deg, rgba(22,163,74,.12), rgba(14,166,106,.07)),
    #FFFFFF;
  border-color: rgba(22,163,74,.40);
  box-shadow: var(--shadow), 0 0 30px rgba(22,163,74,.14);
}
.xph-front .pay-banner .icon { background: linear-gradient(135deg, #34D399, #059669); color: #04140F; box-shadow: 0 0 24px rgba(22,163,74,.4); }
.xph-front .pay-banner .head h3 { color: #15803D; }
.xph-front .pay-banner .close { color: #15803D; background: rgba(22,163,74,.12); }
.xph-front .pay-banner .close:hover { background: rgba(22,163,74,.24); }
.xph-front .pay-banner .grid .cell .v.amount { color: var(--accent); }
.xph-front .pay-banner .items { background: #F4F8F5; border-color: var(--border); }
.xph-front .pay-banner.warn {
  background:
    radial-gradient(circle at 88% 8%, rgba(245,166,35,.20), transparent 58%),
    linear-gradient(135deg, rgba(245,166,35,.12), rgba(229,138,0,.07)), #FFFFFF;
  border-color: rgba(245,166,35,.44);
}
.xph-front .pay-banner.warn .head h3 { color: #B45309; }
.xph-front .pay-banner.warn .head { border-bottom-color: rgba(245,166,35,.32); }
.xph-front .pay-banner.warn .icon { background: linear-gradient(135deg, #FBBF24, #D97706); color: #2B1800; box-shadow: 0 0 24px rgba(245,166,35,.45); }
.xph-front .pay-banner.warn .close { color: #B45309; background: rgba(245,166,35,.14); }

/* 会员中心（浅色翠绿覆盖） */
.xph-front .member-sidebar { background: #FFFFFF; }
.xph-front .member-sidebar .sb-title { color: #0F2A1D; background: linear-gradient(135deg, rgba(14,166,106,.14), rgba(20,184,166,.12)); }
.xph-front .member-sidebar .menu li a:hover { background: rgba(14,166,106,.08); color: var(--primary-dark); border-left-color: rgba(14,166,106,.5); }
.xph-front .member-sidebar .menu li a.active { background: rgba(14,166,106,.12); color: var(--primary-dark); border-left-color: var(--primary); box-shadow: inset 0 0 22px rgba(14,166,106,.08); }
.xph-front .points-summary {
  color: #0F2A1D;
  background: radial-gradient(circle at 82% 18%, rgba(20,184,166,.26), transparent 58%),
    linear-gradient(135deg, rgba(14,166,106,.20) 0%, rgba(20,184,166,.22) 55%, rgba(245,166,35,.22) 100%), #FFFFFF;
  border: 1px solid rgba(14,166,106,.30); box-shadow: var(--glow-soft), var(--shadow-soft);
}
.xph-front .points-summary .value { text-shadow: 0 0 30px rgba(14,166,106,.38); }
.xph-front .feedback-list .fb-content { background: #F4F8F5; color: var(--text-2); }
.xph-front .feedback-list .fb-reply { color: #0B8A57; background: rgba(14,166,106,.08); border-color: rgba(14,166,106,.28); }
.xph-front .avatar-preview { background: #ECF3EF center/cover no-repeat; border-color: rgba(14,166,106,.45); color: var(--primary); }
.xph-front .member-header {
  color: var(--text);
  background: radial-gradient(circle at 88% 14%, rgba(20,184,166,.18), transparent 58%),
    radial-gradient(circle at 4% 94%, rgba(14,166,106,.12), transparent 54%),
    linear-gradient(135deg, rgba(20,184,166,.10) 0%, rgba(14,166,106,.08) 54%, rgba(245,166,35,.10) 100%), #FFFFFF;
  border-color: var(--border); box-shadow: var(--shadow-soft);
}
.xph-front .member-header::after { background-image: linear-gradient(rgba(15,42,29,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(15,42,29,.04) 1px, transparent 1px); }
.xph-front .member-header .avatar { background: #ECF3EF center/cover no-repeat; border-color: rgba(14,166,106,.45); box-shadow: 0 0 22px rgba(14,166,106,.18); }
.xph-front .member-header .avatar:not(.has-avatar) { color: var(--primary); text-shadow: none; }
.xph-front .member-header .stats .num { color: var(--primary); text-shadow: none; }
.xph-front .member-order-quick .head h2::before { background: var(--grad-primary); box-shadow: 0 0 10px rgba(14,166,106,.45); }
.xph-front .member-order-quick .quick-item:hover { background: rgba(14,166,106,.08); border-color: rgba(14,166,106,.25); color: var(--primary); box-shadow: 0 0 22px rgba(14,166,106,.12); }
.xph-front .member-order-quick .quick-item .icn { filter: drop-shadow(0 0 8px rgba(14,166,106,.25)); }
.xph-front .cart-summary { border-color: rgba(20,184,166,.25); background: rgba(20,184,166,.06); }
.xph-front .cart-summary .cart-icn { filter: drop-shadow(0 0 10px rgba(20,184,166,.30)); }
.xph-front .mini-grid .mini-item { background: #FFFFFF; }
/* --- 静态文档页（用户须知 / 注册协议 / 隐私条款 / 纠纷处理 / 免责声明 / 监管措施）---
   全部走 terms.css 类名，此处按翠野浅色令牌统一“换肤”，保证浅色下正文可读。 */
.xph-front .terms-page { background: transparent; }
.xph-front .terms-doc {
  background: var(--card); color: var(--text-2);
  border-color: var(--border); box-shadow: var(--shadow);
}
.xph-front .terms-doc h2 { color: var(--text); border-left-color: var(--primary); }
.xph-front .terms-doc h3 { color: var(--text); }
.xph-front .terms-doc p, .xph-front .terms-doc li, .xph-front .terms-doc ol { color: var(--text-2); }
.xph-front .terms-doc strong { color: var(--text); }
.xph-front .terms-doc u { text-decoration-color: var(--accent); }
.xph-front .terms-doc a { color: var(--primary); }
.xph-front .terms-head { border-bottom-color: var(--border); }
.xph-front .terms-head h1 { background: none; -webkit-text-fill-color: var(--text); color: var(--text); }
.xph-front .terms-doc .terms-sub { color: var(--primary); }
.xph-front .terms-doc .terms-meta { color: var(--muted); }
.xph-front .terms-doc .terms-sign { color: var(--text-2); border-top-color: var(--border); }
.xph-front .terms-doc .terms-company { color: var(--text); }
.xph-front .terms-doc .terms-date { color: var(--muted); }
.xph-front .terms-doc table { border-color: var(--border); }
.xph-front .terms-doc th { background: rgba(14,166,106,.08); color: var(--text); border-bottom-color: var(--border); }
.xph-front .terms-doc td { border-bottom-color: var(--border); }
.xph-front .terms-warn { color: #7A4A00; background: rgba(245,166,35,.10); border-color: rgba(245,166,35,.30); border-left-color: var(--warn); }
.xph-front .terms-warn em { color: #B45309; }
.xph-front .terms-doc code { background: rgba(14,166,106,.10); color: #0B8A57; }
.xph-front .address-card.default { border-color: rgba(14,166,106,.5); background: linear-gradient(135deg, rgba(14,166,106,.10), rgba(20,184,166,.06)); box-shadow: var(--glow-soft); }
.xph-front .address-card .default-tag { color: #F2FAF4; background: var(--grad-primary); }
.xph-front .card-item { background: radial-gradient(circle at 88% 12%, rgba(20,184,166,.18), transparent 60%), linear-gradient(135deg, rgba(14,166,106,.08), rgba(20,184,166,.10)); }
.xph-front .msg-list li:hover { background: rgba(14,166,106,.045); }
.xph-front .feedback-list li:hover { background: rgba(14,166,106,.03); }