/* theme_lrq_jiuzi_feminine_unified_v1.css
 * Unified: 九紫离火 · 东方女性 · 雅致雾面
 * Scope: safe CSS variables + light component defaults
 */

:root{
  --lrq_bg: #fbf7ef;
  --lrq_text: rgba(30,24,18,.92);
  --lrq_muted: rgba(30,24,18,.58);
  --lrq_line: rgba(184,137,43,.14);

  --lrq_jiuzi: rgba(122,44,255,.92);
  --lrq_lihuo: rgba(176,20,42,.92);
  --lrq_gold: rgba(202,161,74,.92);

  --lrq_radius_card: 24px;
  --lrq_radius_pill: 999px;
  --lrq_shadow_soft: 0 22px 74px rgba(30,24,18,.10);
  --lrq_shadow_card: 0 18px 60px rgba(30,24,18,.080);
}

/* Background (opt-in by pages that already use similar palette) */
body{
  color: var(--lrq_text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*{box-sizing:border-box}

/* Pills */
.pill{
  border: 1px solid var(--lrq_line);
  border-radius: var(--lrq_radius_pill);
  background: rgba(255,250,241,.76);
  color: rgba(30,24,18,.72);
}

/* Buttons */
.btn{
  border: 1px solid var(--lrq_line);
  border-radius: var(--lrq_radius_pill);
  background: rgba(255,250,241,.80);
  color: rgba(30,24,18,.92);
  box-shadow: 0 10px 28px rgba(30,24,18,.06);
  min-height:34px;
  padding:8px 12px;
  letter-spacing:.12px;
}
.btnSmall,.btn.small{min-height:30px;padding:6px 10px;font-size:12px}
.btn:active{transform:translateY(1px)}
.btnOutline{
  background: rgba(255,255,255,.08);
  border-color: rgba(184,137,43,.14);
  color: rgba(30,24,18,.72);
}
.btnPrimary{
  background:
    radial-gradient(120% 140% at 22% 10%, rgba(255,255,255,.24), rgba(255,255,255,0) 58%),
    linear-gradient(135deg, rgba(122,44,255,.82), rgba(176,20,42,.92));
  border-color: rgba(176,20,42,.32);
  color: #fff;
}

/* Cards */
.card{
  border: 1px solid var(--lrq_line);
  border-radius: var(--lrq_radius_card);
  box-shadow: var(--lrq_shadow_card);
  background:
    radial-gradient(120% 160% at 18% 10%, rgba(122,44,255,.045), rgba(0,0,0,0) 56%),
    radial-gradient(120% 160% at 86% 12%, rgba(176,20,42,.045), rgba(0,0,0,0) 58%),
    rgba(255,250,241,.86);
}

/* Titles */
h1,h2,.pageTitle,.heroTitle{letter-spacing:.22px}
.pageTitle,.heroTitle{font-weight:1000}
.muted,.subtle{color:rgba(30,24,18,.56)}

/* optional class: gradient title */
.lrq_title_gradient{
  background: linear-gradient(135deg, rgba(122,44,255,.92), rgba(176,20,42,.92));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 1px 0 rgba(255,255,255,.28), 0 12px 28px rgba(30,24,18,.12);
}

/* Form fields (public/H5 best-effort) */
input[type="text"],input[type="number"],input[type="date"],input[type="email"],input[type="search"],textarea,select,
.form-control, .input, .select{line-height:1.55;min-height:34px !important;
  border:1px solid var(--lrq_line) !important;
  border-radius:14px !important;
  background:rgba(255,250,241,.72) !important;
  color:rgba(30,24,18,.88) !important;
  padding:8px 10px !important;
}
input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 3px rgba(122,44,255,.12), 0 14px 44px rgba(30,24,18,.08) !important}
::placeholder{color:rgba(30,24,18,.40)}

/* Selection */
::selection{background:rgba(122,44,255,.18);color:rgba(30,24,18,.92)}

/* Scrollbar (desktop) */
@media (hover:hover){
  *::-webkit-scrollbar{height:10px;width:10px}
  *::-webkit-scrollbar-thumb{background:rgba(184,137,43,.16);border-radius:999px;border:3px solid rgba(255,250,241,.70)}
  *::-webkit-scrollbar-track{background:rgba(255,250,241,.35)}
}

/* Links */
a{color:rgba(122,44,255,.88)}
a:hover{color:rgba(176,20,42,.88)}

/* Micro interaction */
@media (hover:hover){
  .card:hover{transform:translateY(-1px);box-shadow:0 26px 96px rgba(30,24,18,.10)}
  .btn:hover{filter:saturate(1.02) brightness(1.02)}
}
.card{transition:transform .18s ease, box-shadow .18s ease}
.btn{transition:filter .18s ease}