:root{
  --h5-primary:#e0729a;
  --h5-bg:#fff5f9;
  --h5-card:#ffffff;
  --h5-text:#4a3b40;
  --h5-muted:#b58a98;
  --h5-line:#f6dce8;
  --h5-radius:22px;
  --h5-shadow:0 6px 20px rgba(224,114,154,.12);
}
body.h5-body{
  background:linear-gradient(180deg,#fff5f9,#ffffff);
  color:var(--h5-text);
  font-family:"UKIJ Ekran","PingFang SC",-apple-system,sans-serif;
}
.h5-topbar{
  background:rgba(255,255,255,.9);
  border-bottom:1px solid var(--h5-line);
}
.h5-hero{
  text-align:center;
  padding:40px 18px 26px;
  background:linear-gradient(135deg,#ffe3ef,#fff5f9);
  border-radius:0 0 28px 28px;
  position:relative;
}
.h5-hero h1{font-size:25px;margin:0 0 8px;color:var(--h5-text);}
.h5-slogan{color:var(--h5-muted);}
.h5-btn-primary{
  background:linear-gradient(135deg,#ec8fb0,#e0729a);
  border:none;
  border-radius:999px;
  box-shadow:0 8px 18px rgba(224,114,154,.3);
  font-weight:600;
}
.h5-btn-ghost{border-radius:999px;border-color:var(--h5-primary);color:var(--h5-primary);}
.h5-work-card{border-radius:var(--h5-radius);box-shadow:var(--h5-shadow);overflow:hidden;}
.h5-work-cover{border-radius:var(--h5-radius) var(--h5-radius) 0 0;}
.h5-chip.active{background:var(--h5-primary);border-color:var(--h5-primary);}
.h5-tabbar{border-top:1px solid var(--h5-line);background:#fff;}
.h5-tab.active,.h5-tab.active .h5-tab-icon{color:var(--h5-primary);}
.h5-section-head h2{color:#d65f8a;}