.agi-wrap{max-width:980px;margin:18px auto;padding:0 8px;}
.agi-card{
  border:1px solid rgba(0,0,0,.14);
  border-radius:16px;
  padding:16px;
  background:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
}
.agi-top{display:flex;gap:14px;align-items:center;}
.agi-text{flex:1;}
.agi-title{font:800 16px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial;margin-bottom:6px;}
.agi-message{font:500 14px/1.35 system-ui,-apple-system,Segoe UI,Roboto,Arial;opacity:.8;}
.agi-btn{
  display:inline-block;
  margin-top:12px;
  padding:10px 14px;
  border-radius:999px;
  background:#111;
  color:#fff;
  text-decoration:none;
  font:700 13px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial;
}
.agi-btn:hover{filter:brightness(1.08);}
.agi-hint{margin-top:10px;font:500 12px/1.35 system-ui,-apple-system,Segoe UI,Roboto,Arial;opacity:.55}

/* The present */
.agi-present{width:46px;height:46px;position:relative;flex:0 0 46px;}
.agi-box{
  position:absolute;inset:10px 6px 6px 6px;
  background:linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.02));
  border:1px solid rgba(0,0,0,.18);
  border-radius:10px;
}
.agi-ribbon-v{
  position:absolute;top:10px;bottom:6px;left:50%;
  width:8px;transform:translateX(-50%);
  background:#c1121f;border-radius:6px;
}
.agi-ribbon-h{
  position:absolute;left:6px;right:6px;top:24px;
  height:8px;background:#c1121f;border-radius:6px;
}
.agi-bow{
  position:absolute;top:4px;left:50%;
  width:22px;height:14px;transform:translateX(-50%);
  background:radial-gradient(circle at 30% 50%, #c1121f 0 55%, transparent 56%),
             radial-gradient(circle at 70% 50%, #c1121f 0 55%, transparent 56%);
  filter:drop-shadow(0 2px 0 rgba(0,0,0,.08));
}