/* ===== 云隐易学堂 · Kimi 暖色体系 ===== */
:root{
  --yunbai:#F7F4F0;--sujuan:#E8E2DB;--chengtan:#B8A898;
  --xuanmo:#3D3530;--mohe:#8A7D72;--wuhui:#C8C4BE;
  --serif:'Noto Serif SC','STSong','SimSun',serif;
  --sans:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;

  /* 兼容旧变量 */
  --gold:var(--chengtan);--gold-d:var(--xuanmo);
  --ivory:var(--xuanmo);--grey:var(--mohe);--grey-d:rgba(138,125,114,.6);
  --bg0:var(--yunbai);--bg1:#fff;
  --color-primary:var(--xuanmo);--color-primary-hover:var(--chengtan);
  --color-primary-light:var(--sujuan);--color-primary-fg:var(--yunbai);
  --color-bg:var(--yunbai);--color-surface:#fff;--color-surface-hover:var(--sujuan);
  --color-fg:var(--xuanmo);--color-fg-muted:var(--mohe);--color-border:var(--sujuan);
  --font-heading:var(--serif);--font-body:var(--sans);
  --nav-h:52px;--jade-600:var(--xuanmo);--jade-700:var(--xuanmo);--jade-100:var(--sujuan);--jade-200:var(--chengtan)
}

/* ===== Top Nav ===== */
.topnav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);background:rgba(247,244,240,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--sujuan);transition:background .3s}
.topnav.scrolled{box-shadow:0 1px 0 rgba(184,168,152,.2)}
.topnav .tn-brand{font-family:var(--serif);font-size:16px;font-weight:600;color:var(--xuanmo);letter-spacing:.2em;text-decoration:none}
.topnav .tn-links{display:flex;align-items:center;gap:20px}
.topnav .tn-links a{font-size:12px;color:var(--mohe);text-decoration:none;letter-spacing:.1em;transition:color .3s}
.topnav .tn-links a.active,.topnav .tn-links a:hover{color:var(--xuanmo)}

body.has-nav{padding-top:var(--nav-h)}

/* ===== Section ===== */
.sec{position:relative;overflow:hidden}
.sec-inner{max-width:440px;margin:0 auto;padding:60px 20px}
.sec-label{font-size:.75rem;color:var(--chengtan);letter-spacing:.3em;text-align:center;margin-bottom:8px}
.sec-title{font-family:var(--serif);font-size:1.6rem;font-weight:600;text-align:center;letter-spacing:.08em;color:var(--xuanmo);margin-bottom:8px}
.sec-sub{font-size:.85rem;color:var(--mohe);text-align:center;letter-spacing:.05em;margin-bottom:32px;line-height:1.8}

/* ===== Button ===== */
.btn-gold{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 40px;font-size:1rem;font-weight:500;letter-spacing:.1em;text-decoration:none;border:none;border-radius:4px;cursor:pointer;background:var(--xuanmo);color:var(--yunbai);transition:background .3s,transform .3s}
.btn-gold:hover{background:var(--chengtan);color:var(--xuanmo)}
.btn-gold:active{transform:scale(.97)}
.btn-outline{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 32px;font-size:.9rem;letter-spacing:.05em;text-decoration:none;cursor:pointer;background:transparent;color:var(--xuanmo);border:1px solid var(--chengtan);transition:all .3s}
.btn-outline:hover{background:var(--xuanmo);color:var(--yunbai);border-color:var(--xuanmo)}

/* ===== Toast ===== */
.toast{position:fixed;bottom:40px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--xuanmo);color:var(--yunbai);padding:12px 28px;font-size:13px;letter-spacing:.1em;z-index:9999;opacity:0;pointer-events:none;transition:all .4s ease}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ===== Price ===== */
.pr-tag{font-size:.85rem;color:var(--mohe);letter-spacing:.05em}
.pr-tag .orig{text-decoration:line-through;color:rgba(138,125,114,.4);margin-right:6px}
.pr-tag .cur{color:var(--xuanmo);font-weight:700}