/* ===== sunset 日落橙 · 活力暖调 ===== */
:root{
  --h5-primary:#ff6b35;
  --h5-bg:#fff7ef;
  --h5-card:#ffffff;
  --h5-text:#4a2c1d;
  --h5-muted:#c08a6d;
  --h5-line:#ffe0c7;
  --h5-radius:18px;
  --h5-shadow:0 8px 24px rgba(255,107,53,.14);
}
body.h5-body{
  background:var(--h5-bg);
  color:var(--h5-text);
  font-family:"UKIJ Ekran","PingFang SC",-apple-system,sans-serif;
}
.h5-topbar{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:none;box-shadow:0 2px 14px rgba(255,107,53,.08);}
.h5-topbar-inner{height:54px;}
.h5-brand{color:var(--h5-text);font-weight:700;}
.h5-hero{
  text-align:center;
  padding:42px 18px 32px;
  background:linear-gradient(140deg,#ff9966 0%,#ff6b35 45%,#ff8e53 100%);
  border-radius:0 0 34px 34px;
  color:#fff;
}
.h5-hero h1{font-size:26px;margin:0 0 10px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.18);}
.h5-slogan{color:rgba(255,255,255,.92);}
.h5-hero .h5-btn-primary{background:#fff;color:var(--h5-primary);box-shadow:0 8px 20px rgba(0,0,0,.16);}
.h5-btn-primary{
  background:linear-gradient(135deg,#ff9966,#ff6b35);
  border:none;border-radius:999px;
  box-shadow:0 8px 20px rgba(255,107,53,.35);
  color:#fff;font-weight:700;
}
.h5-btn-ghost{border-radius:999px;border-color:var(--h5-primary);color:var(--h5-primary);background:#fff;}
.h5-intro-card{
  background:var(--h5-card);border:1px solid var(--h5-line);
  border-radius:var(--h5-radius);box-shadow:var(--h5-shadow);
}
.h5-section-head h2{color:var(--h5-text);position:relative;padding-inline-start:14px;}
.h5-section-head h2::before{
  content:"";position:absolute;inset-inline-start:0;top:12%;bottom:12%;
  width:5px;border-radius:3px;background:linear-gradient(180deg,#ff9966,#ff6b35);
}
.h5-more{color:var(--h5-primary);}
.h5-chip{background:#fff;border-color:var(--h5-line);color:var(--h5-muted);border-radius:999px;}
.h5-chip.active{
  background:linear-gradient(135deg,#ff9966,#ff6b35);
  border-color:transparent;color:#fff;font-weight:700;
}
.h5-work-card{border-radius:var(--h5-radius);box-shadow:var(--h5-shadow);overflow:hidden;background:#fff;border:none;}
.h5-work-cover{border-radius:var(--h5-radius) var(--h5-radius) 0 0;}
.h5-work-title{color:var(--h5-text);font-weight:600;}
.h5-work-meta{color:var(--h5-muted);}
.h5-work-ph{background:linear-gradient(135deg,#ffe3cf,#ffd1ab);color:var(--h5-primary);}
.h5-job-list li a{
  background:#fff;border:1px solid var(--h5-line);border-radius:14px;
  color:var(--h5-text);box-shadow:0 3px 10px rgba(255,107,53,.06);
}
.h5-job-list li a small{color:var(--h5-muted);}
.h5-cta{
  background:linear-gradient(140deg,#fff1e5,#ffe3cf);
  border:1px solid var(--h5-line);border-radius:22px;
}
.h5-cta p{color:#8a5a3e;}
.h5-tabbar{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-top:1px solid var(--h5-line);}
.h5-tab.active,.h5-tab.active .h5-tab-icon{color:var(--h5-primary);}
.h5-slider-dots button.active{background:var(--h5-primary);}
.h5-empty{color:var(--h5-muted);}

/* ===== sunset 独特布局 / Unique Layout ===== */
.h5-hero-sunset{padding:48px 18px 36px;}
.h5-hero-btns{display:flex;gap:12px;justify-content:center;margin-top:18px;}
.h5-hero-btns .h5-btn-ghost{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.5);color:#fff;}
.h5-intro-sunset{border-radius:var(--h5-radius);border:none;}
.h5-sunset-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;}
.h5-sunset-icon-card{background:linear-gradient(135deg,#fff1e5,#ffe8d6);border-radius:14px;padding:14px 8px;text-align:center;font-size:12px;color:#6b4226;}
.h5-sunset-icon-card i{display:block;font-size:22px;color:var(--h5-primary);margin-bottom:8px;}
.h5-chips-sunset .h5-chip{border-radius:999px;}
.h5-works-masonry{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;}
.h5-work-card-sunset{border-radius:var(--h5-radius);overflow:hidden;background:#fff;}
.h5-work-card-sunset .h5-work-info{padding:12px;}
.h5-work-info{padding:10px 0 0;}
.h5-job-list-sunset li a{border-radius:14px;}
.h5-cta-sunset{border-radius:22px;}