/* ============================================================
   交易页皮肤 · Emillia（tx skin）
   作用：让「商品页 / 结算页 / 下单成功页 / 登录注册页 / 付款页」
        与 Emillia 首页同一套视觉（字体 Playfair+Jost / 金色 / 留白 / 直角）。
   生效条件：<html data-tx="emillia">，由后端按店铺模板引擎注入。
   不启用的店铺：本文件不被引入，或选择器不匹配 → **零影响**。
   加载顺序：必须在 style.css 之后（靠后者覆盖同名 CSS 变量）。
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&display=swap');

[data-tx="emillia"]{
  /* 覆盖 style.css 的主题变量（同选择器优先级，靠加载顺序取胜） */
  --bg:#ffffff;
  --bg-soft:#faf8f5;
  --card:#ffffff;
  --text:#1c1c1c;
  --text-sub:#8c8c8c;
  --primary:#c9a24b;
  --primary-soft:#f7f1e4;
  --accent:#df9a7c;
  --border:#ece9e4;
  --radius:2px;
  --font:'Jost','Helvetica Neue',Arial,'PingFang SC','Microsoft YaHei',sans-serif;
  /* 皮肤私有：标题衬线体 */
  --tx-serif:'Playfair Display',Georgia,'Times New Roman',serif;
}

[data-tx="emillia"] body{
  background:var(--bg);
  color:var(--text);
  font-family:var(--font);
  -webkit-font-smoothing:antialiased;
}

/* 标题用衬线体（Emillia 的标志性观感） */
[data-tx="emillia"] h1,
[data-tx="emillia"] h2,
[data-tx="emillia"] h3,
[data-tx="emillia"] .tx-serif{
  font-family:var(--tx-serif);
  font-weight:500;
  letter-spacing:.01em;
}

/* 按钮：直角 + 大写字距（奢侈品电商惯例） */
[data-tx="emillia"] .btn,
[data-tx="emillia"] .ck-submit{
  border-radius:2px;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-size:12px;
  font-weight:500;
  padding:13px 22px;
  box-shadow:none;
  font-family:var(--font);
}
[data-tx="emillia"] .btn-primary{
  background:var(--primary);
  color:#fff;
  border-color:var(--primary);
}
[data-tx="emillia"] .btn-primary:hover{opacity:.9}

/* 卡片/表单：细边框 + 极浅阴影，弃用大圆角 */
[data-tx="emillia"] .form-card,
[data-tx="emillia"] .card,
[data-tx="emillia"] .ck-card{
  border-radius:3px;
  border:1px solid var(--border);
  background:var(--card);
  box-shadow:0 1px 2px rgba(0,0,0,.03);
}

/* 输入控件 */
[data-tx="emillia"] input,
[data-tx="emillia"] textarea,
[data-tx="emillia"] select{
  border-radius:2px;
  border:1px solid #e3ded6;
  background:#fff;
  font-family:var(--font);
  padding:11px 12px;
}
[data-tx="emillia"] input:focus,
[data-tx="emillia"] textarea:focus,
[data-tx="emillia"] select:focus{
  border-color:var(--primary);
  outline:none;
}

/* 链接与强调 */
[data-tx="emillia"] a{color:var(--primary)}
[data-tx="emillia"] .ck-total b{font-family:var(--tx-serif);color:var(--text)}
[data-tx="emillia"] table th{background:var(--bg-soft);font-weight:500}

/* 交易页顶栏（返回/欢迎行）：低调处理 */
[data-tx="emillia"] .ck-nav .back,
[data-tx="emillia"] .ck-nav .hi{font-size:12.5px;color:var(--text-sub)}
[data-tx="emillia"] .ck-nav .hi a{color:var(--primary);text-decoration:none}