:root{
  --brand-gold:#e2b567;
  --brand-gold-strong:#b88222;
  --brand-gold-soft:#f5d99d;
  --brand-jade:#75a99a;
  --brand-jade-strong:#0f766e;
  --brand-cinnabar:#a33a2e;
  --brand-ink:#18211f;
  --brand-night:#172033;
  --brand-paper:#fbfaf5;
  --brand-paper-warm:#fffaf0;
  --surface-page:#fbfaf5;
  --surface-card:#ffffff;
  --surface-card-soft:rgba(255,255,255,.88);
  --text-main:#18211f;
  --text-muted:#64716d;
  --border-soft:rgba(24,33,31,.13);
  --border-warm:rgba(184,130,34,.22);
  --radius-control:10px;
  --radius-panel:12px;
  --shadow-brand:0 20px 64px rgba(23,32,51,.13);
  --font-title:'Noto Serif SC','ZCOOL XiaoWei',ui-serif,Georgia,serif;
}

body.dayou-landing{
  --ink:var(--text-main);
  --muted:var(--text-muted);
  --line:rgba(24,33,31,.14);
  --paper:var(--surface-page);
  --panel:var(--surface-card);
  --jade:var(--brand-jade-strong);
  --cinnabar:var(--brand-cinnabar);
  --gold:var(--brand-gold-strong);
  --night:var(--brand-night);
  --soft:#eef4ef;
}

.dayou-landing .shell{
  background:
    linear-gradient(180deg,rgba(251,250,245,.90),rgba(251,250,245,.98)),
    radial-gradient(circle at 14% 8%,rgba(117,169,154,.18),transparent 30%),
    radial-gradient(circle at 84% 12%,rgba(226,181,103,.22),transparent 26%),
    url("./dayou-cosmic-bg.png") top center / cover no-repeat fixed;
}

.dayou-landing .topbar,
.dayou-shop-shell .shop-topbar{
  min-height:72px;
}

.dayou-landing .topbar{
  border-bottom:1px solid var(--border-soft);
  background:rgba(251,250,245,.92);
}

.dayou-brand-row{
  display:flex;
  align-items:center;
  gap:11px;
  margin-top:0!important;
  color:inherit!important;
}

.dayou-landing .brand .dayou-brand-row > span{
  margin-top:0;
}

.dayou-landing .brand .dayou-brand-row > span:last-child{
  display:flex;
  flex-direction:column;
  min-width:0;
}

.dayou-landing .brand .dayou-brand-row > span:last-child span{
  margin-top:3px;
  color:var(--text-muted);
  font-size:12px;
}

.dayou-brand-mark,
.dayou-landing .brand .dayou-brand-mark{
  width:42px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  border-radius:50%;
  border:1px solid rgba(184,130,34,.38);
  background:
    conic-gradient(from 20deg,rgba(226,181,103,.08),rgba(226,181,103,.85),rgba(163,58,46,.25),rgba(117,169,154,.22),rgba(226,181,103,.08));
  color:#6b4b24;
  box-shadow:0 10px 28px rgba(184,130,34,.15);
}

.dayou-landing .brand strong{
  font-family:var(--font-title);
  color:var(--text-main);
}

.dayou-landing .nav button,
.dayou-landing .nav a{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--radius-control);
  font-weight:800;
  transition:all .18s ease;
}

.dayou-landing .nav button:hover,
.dayou-landing .nav a:hover{
  color:#6b4b24;
  border-color:var(--border-warm);
  background:rgba(226,181,103,.12);
}

.dayou-landing .nav .primary,
.dayou-landing .action,
.landing-context-actions .action{
  border:1px solid rgba(184,130,34,.32);
  background:linear-gradient(135deg,#ffe18b,#f5b33e 52%,#d46d44);
  color:#16120b;
  box-shadow:0 12px 28px rgba(184,130,34,.16);
}

.dayou-landing .secondary,
.landing-context-actions .secondary{
  border-color:var(--border-warm);
  color:#6b4b24;
  background:rgba(255,255,255,.82);
}

.dayou-landing h1,
.dayou-landing .section-head h2,
.dayou-landing .panel-head h2,
.dayou-landing .skill h3,
.dayou-landing .agent h3,
.dayou-landing .proof h3{
  font-family:var(--font-title);
}

.dayou-landing .reading-panel,
.dayou-landing .skill,
.dayou-landing .agent,
.dayou-landing .proof,
.dayou-landing .problem{
  border-color:var(--border-soft);
  border-radius:var(--radius-panel);
  box-shadow:0 1px 0 rgba(255,255,255,.55);
}

.landing-context-actions{
  display:none;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:0 20px 20px;
}

.landing-context-actions.show{
  display:grid;
}

.landing-context-actions button,
.landing-context-actions a{
  min-height:42px;
  border-radius:var(--radius-control);
  padding:10px 12px;
  font-weight:900;
  text-align:center;
  cursor:pointer;
  text-decoration:none;
}

.landing-context-actions .ghost{
  border:1px solid var(--border-soft);
  color:var(--text-muted);
  background:rgba(255,255,255,.76);
}

.dayou-landing .result{
  max-height:300px;
  border-color:var(--border-soft);
  border-radius:var(--radius-panel);
}

.shop-body.dayou-shop-shell .shop-primary,
.shop-body.dayou-shop-shell .shop-secondary,
.shop-body.dayou-shop-shell .shop-ghost{
  border-radius:var(--radius-control);
}

.shop-body.dayou-shop-shell .shop-hero-copy,
.shop-body.dayou-shop-shell .shop-hero-panel,
.shop-body.dayou-shop-shell .shop-section,
.shop-body.dayou-shop-shell .shop-summary-card,
.shop-body.dayou-shop-shell .bracelet-preview-card,
.shop-body.dayou-shop-shell .bracelet-stats,
.shop-body.dayou-shop-shell .bracelet-side-panel{
  border-radius:var(--radius-panel);
}

@media(max-width:760px){
  .landing-context-actions{
    grid-template-columns:1fr;
  }
  .dayou-landing .topbar{
    gap:14px;
  }
}