.package-benefit-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
.package-benefit-card{
  min-height:76px;
  border:1px solid #dfe6f3;
  border-radius:16px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  background:#fff;
  box-shadow:0 7px 18px rgba(28,43,82,.04);
  position:relative;
  overflow:hidden;
}
.package-benefit-card::before{
  content:"";
  width:5px;
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  border-radius:999px;
  background:#6b5cf1;
}
.package-benefit-card strong{
  font-size:13px;
  line-height:1.25;
  color:#23314a;
  font-weight:800;
}
.package-benefit-icon{
  width:34px;
  height:34px;
  border-radius:10px;
  display:grid;
  place-items:center;
  flex:none;
  background:#f0edff;
  color:#6554eb;
  font-size:17px;
}
.package-benefit-card.benefit-gift::before{background:#2aa4ff}.package-benefit-card.benefit-gift .package-benefit-icon{background:#ecf7ff;color:#2aa4ff}
.package-benefit-card.benefit-start::before{background:#28cfa6}.package-benefit-card.benefit-start .package-benefit-icon{background:#ebfaf5;color:#20b98f}
.package-benefit-card.benefit-guarantee::before{background:#ff6c2c}.package-benefit-card.benefit-guarantee .package-benefit-icon{background:#fff2ea;color:#ff6c2c}
.package-benefit-card.benefit-guarantee.is-success::before{background:#28cfa6}.package-benefit-card.benefit-guarantee.is-success .package-benefit-icon{background:#ebfaf5;color:#20b98f}
.package-benefit-card.benefit-guarantee.is-info::before{background:#4f7df3}.package-benefit-card.benefit-guarantee.is-info .package-benefit-icon{background:#eef3ff;color:#4f67d8}
.package-benefit-card.benefit-guarantee.is-premium::before{background:#8b5cf6}.package-benefit-card.benefit-guarantee.is-premium .package-benefit-icon{background:#f3edff;color:#8057e9}
html[data-theme=dark] .package-benefit-card{background:#152137;border-color:#33435d;box-shadow:none}
html[data-theme=dark] .package-benefit-card strong{color:#eef4ff}
@media(max-width:980px){.package-benefit-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .package-benefit-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
  .package-benefit-card{min-height:62px;padding:10px 10px 10px 12px;border-radius:13px;gap:8px}
  .package-benefit-card strong{font-size:11px}
  .package-benefit-icon{width:28px;height:28px;font-size:14px;border-radius:8px}
}